رفتن به مطلب

کد بازتاب متن با استفاده از CSS


AynaZ

پست های پیشنهاد شده

درود به شما

 

در این کد ها شما دسرسی راحت به کدهای دارید که با استفاده از اون میشه راحت متن رو وارونه و بک گراند دار نشون داد

 

 

 

 

<style> [reflect]{   position: relative;   height: 2.7em; } [reflect]:after{   position: absolute;   bottom: 0;   transform: scale(1,-1) translateX(-100%);   -webkit-transform: scale(1,-1) translateX(-100%);   -ms-transform: scale(1,-1) translateX(-100%);   opacity: .5;   content: attr(reflect); } [reflect][dir=rtl]:after{   transform: scale(1,-1) translateX(100%);   -webkit-transform: scale(1,-1) translateX(100%);   -ms-transform: scale(1,-1) translateX(100%); } [reflect]:before{   content: attr(reflect); }</style><div style="color:orangered;font:20px tahoma;text-align:center;" dir="rtl" reflect="بیست اسکریپت"></div><br><br><div style="color:orangered;font:20px tahoma;text-align:center;" dir="ltr" reflect="Designed by انجمن بیست اسکریپت"></div>

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...