CSS3立体阴影效果404页面 - 起点终站

我们应该感谢相遇,无论结局是喜是悲....
CSS3立体阴影效果404页面
  • 首页 > IT技术
  • 作者:起点终站
  • 2016年5月30日 17:26 星期一
  • 浏览:21477
  • 字号:
  • 评论:1
  • 代码说明: 

    css3立体效果404页面,当然,css3的立体效果自然是不支持IE678的,这没办法,如果考虑兼容性的话,这样的css3立体效果404页面是不能用了。

    不过作为css3的学习资料还是不错的。 这个css3立体效果主要是利用了css3属性text-shadow:这个属性。

    因为这个css3属性可以用逗号隔开写多个,如下:

     text-shadow:  0px 0px 2px #686868,   0px 1px 1px #fff,   0px 2px 1px #fff,   0px 3px 1px #fff,   0px 4px 1px #fff, 

     这样就可以模拟立体效果。 这个css3立体效果404页面的制作思路非常有借鉴意义。

    以下为全部代码:
      您阅读这篇文章共花了:  
    本文作者:起点终站      文章标题: CSS3立体阴影效果404页面
    本文地址:https://blog.hellozwh.com/?post=21
    版权声明:若无注明,本文皆为“起点终站”原创,转载请保留文章出处。
    • blogger
    返回顶部| 首页| 手气不错| 网站地图| sitemap| 装逼生成器| 站长介绍|

    Copyright © 2016-2019 起点终站 闽ICP备16011094号-1