box-shadow
-
如何使用纯CSS实现一个微笑打坐的小和尚
本篇文章给大家带来的内容是关于如何使用纯css实现一个微笑打坐的小和尚 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 效果预览: 代码解读: 定义 dom,容器中包含的几个元素分别代表头部、眼睛、嘴、身体和腿: 立即学习“前端免费学习笔记(深入)”; 居中显示: body { m…
-
如何使用纯CSS实现一头绿猪的效果
本篇文章给大家带来的内容是关于如何使用纯css实现一头绿猪的效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 效果预览 源代码下载 每日前端实战系列的全部源代码请从 github 下载: https://github.com/comehope/front-end-daily-ch…
-
IE下模拟css3中box-shadow的效果
这篇文章主要介绍了关于ie下模拟css3中box-shadow的效果,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 在ie下模拟css3中的box-shadow(阴影)可以使用ie的Shadow(阴影)滤镜来实现,需要注意的是该滤镜必须配合background属性一起使用,否则该滤镜…
-
关于CSS伪元素的应用
利用css伪元素 :before 和 :after 可以在文档前后插入内容而不改变文档原有结构,下面有个不错的示例,大家可以参考下 利用CSS伪元素 :before 和 :after 可以在文档前后插入内容而不改变文档原有结构,再配合 box-shadow 可以实现很炫的效果, 下面就展示三个例子:…
-
CSS3阴影box-shadow功能的使用详解
这次给大家带来CSS3阴影box-shadow功能的使用详解,使用CSS3阴影box-shadow的注意事项有哪些,下面就是实战案例,一起来看一下。 text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍…
-
使用CSS3的box-shadow属性制作边框阴影效果的方法
这篇文章主要介绍了css3的box-shadow属性制作边框阴影效果的方法,box-shadow属性还是十分强大的,能设定阴影的水平或垂直位置,以及阴影的颜色和尺寸等,需要的朋友可以参考下 效果演示: box-shadow向框添加一个或多个阴影。IE9+、Firefox 4、Chrome、Opera…