五花八门的CSS

一、颜色 rgba(0,0.5)

rgba括号中前3个数字代表着 red green blue三种颜色的rgb值,0-255,最后一个是设定这个颜色的透明度即alpha值。范围从0到1,越接近1,代表透明度越低。

二、阴影Box-shadow

常用的是以上4个属性,分别是:

          (1)横坐标偏移量(相对于元素的左上角定点);

          (2)纵坐标偏移量(相对于元素的左上角定点);

          (3)模糊距离(对阴影边界进行模糊处理,防止过于锐利);

          (4)阴影部分的颜色

外阴影:Box-shadow: 0px 0px 10px red
内阴影:Box-shadow: 0px 0px 10px red inset

三、display:flex

分享图片

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效