اصفهان - گلپایگان - بخش مرکزی - شهر گلپایگان-محله پارک شهر-کوچه محبت-خیابان غدیر-پلاک 8771664345 - کد پستی:8771664345
03157481449   09130246374  @ 



ایجاد تو رفتگی یا inset در متن با css


ایجاد تو رفتگی یا inset در متن با css

ایجاد تو رفتگی یا inset در متن با css

 

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

در فوتوشاپ انجام اینکار راحت بوده و با چند inner shadow و glow قابل انجام است ولی در css چنین نیست

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

 

برای این کار مثلا متنی که در h1 قرار دارد باید چنین css نوشت . 

 

h1{
  background-color: #565656;
  color: transparent;
  text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
}

1396/06/23 14:54:10     طراحی سایت    1230 بار    اشتراک در تلگرام    https://www.zhupin.ir/post/27

نظرات

دیدگاهی یافت نشد

کد امنیتی :

دریایی در شمال ایران؟