web-css3
关注
分享
扫一扫
LiXSnow
这个作者很懒，什么都没留下…
展开
-
css3实现奥运五环
五环可以利用五个统计的div来实现，要实现五环的嵌套关系，需要分别给这五个div加伪元素。 这里主要用到了两个css3属性： 1. z-index调各环的层级关系 2. transparent设置透明度具体代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&...原创 2018-07-25 20:13:48 · 2006 阅读 · 0 评论 -
css3-弹性盒模型（flex）
Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex; }Webkit 内核的浏览器，必须加上-webkit前缀。.box{...转载 2018-07-16 09:03:11 · 232 阅读 · 0 评论 -
css3 新特性=>伪类与伪元素的主要区别
伪类E:link E:visited E:hoverE:active E:focus E:lang(fr) E:not(s) E:root E:first-childE:last-child E:only-child E:nth-child(n)E:nth-la...原创 2018-11-25 20:53:08 · 311 阅读 · 0 评论 -
css filter属性改变图片颜色
之前在做相益项目的时候，有一个点击改变图片颜色的功能，一开始我用两张图片来实现的，后来发现可以用css的过滤器来实现，这样还可以优化性能。具体实现如下把图片变为灰色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Tit原创 2018-12-15 11:44:55 · 2656 阅读 · 0 评论