![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css奇技淫巧
文章平均质量分 67
mr3x
专注于js,python,c++3门编程语言
展开
-
[001]linear-gradient属性
linear-gradientbackground: linear-gradient(direction, color-stop1, color-stop2, …)direction可以是[ angle | to side-or-corner ]linear-gradient(30deg, #3f87a6, #ebf8e1);linear-gradient(to left, #333, ...原创 2018-09-27 17:55:24 · 818 阅读 · 0 评论 -
[002]box-shadow属性
box-shadowbox-shadow: h-shadow v-shadow blur spread color inset;h-shadow水平阴影的位置v-shadow必需。垂直阴影的位置blur模糊距离spread阴影的尺寸color阴影的颜色inset将外部阴影 (outset) 改为内部阴影我们平时大多使用的box-s...原创 2018-09-27 18:43:53 · 251 阅读 · 0 评论 -
[003]filter:drop-shadow属性
filter:drop-shadowdrop-shadow(h-shadow v-shadow blur spread color)跟box-shadow的参数差不多,至不够没有了inset(内阴影的参数)常用写法filter: drop-shadow(20px 20px 0px red);drop-shadow相比box-shadow的最大的优势就是,它才是真正意义上的投影 d...原创 2018-09-27 19:24:24 · 1619 阅读 · 0 评论 -
[006]-svg实现花朵
效果预览https://codepen.io/strugglingBoy/pen/jeGJxZ代码下载https://github.com/enstrongbill/daily-frontend-exercise/tree/master/028-abstract-flower代码解读每个花朵由6个6边形组成,每个6边形由6个折角形成每一圈的结构,use相当于是复制元素的意思(用x...原创 2018-10-18 19:08:51 · 439 阅读 · 0 评论