اصفهان - گلپایگان - میدان بسیج - مجتمع تجاری پارسیان - طبقه اول انتهای راهرو خدمات ژوپین پ 136
031-57453161   09130246374   @ info[at]zhupin[dot]ir  



ایجاد تو رفتگی یا 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      طراحی سایت    796 بار    اشتراک در تلگرام    http://www.zhupin.ir/post/27

نظرات

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

کد امنیتی :

نصف جهان؟