2016年11月9日
Css-深入学习之折角效果
摘要： 本文是作者从别的网站和文章学习了解的知识，简单做了个笔记，想要学习更多的可以参考这里：【css进阶】伪元素的妙用--单标签之美，奇思妙想 代码： 1 /*建立一个带圆角的矩形，并使用线性渐变将其从左到底透明渐变到深绿色，然后使用2D旋转矩形*/ 2 .corner:before{ 3 content 阅读全文
posted @ 2016-11-09 17:00 YanEr、 阅读(1822) 评论(0) 推荐(0) 编辑
Css-深入学习之单个颜色实现 hover 和 active 时的明暗变化效果
摘要： 本文是作者从别的网站和文章学习了解的知识，简单做了个笔记，想要学习更多的可以参考这里：【css进阶】伪元素的妙用--单标签之美，奇思妙想 （1、normal）（2、hover）（3、active） ok，然后就轻松实现了 阅读全文
posted @ 2016-11-09 15:59 YanEr、 阅读(1984) 评论(0) 推荐(0) 编辑
Css-深入学习之弧形切角矩形
摘要： 本文是作者从别的网站和文章学习了解的知识，简单做了个笔记，想要学习更多的可以参考这里：【css进阶】伪元素的妙用--单标签之美，奇思妙想 （弧形切角矩形） 代码： 这个前面的切角矩形一样，都用的css3的渐变，不过就是变成了径向渐变而已。 1、建立一个矩形 2、径向渐变，四个角度（左上，右上，左下， 阅读全文
posted @ 2016-11-09 14:00 YanEr、 阅读(3666) 评论(0) 推荐(0) 编辑
Css-深入学习之切角
摘要： 本文是作者从别的网站和文章学习了解的知识，简单做了个笔记，想要学习更多的可以参考这里：【css进阶】伪元素的妙用--单标签之美，奇思妙想 带切角的矩形： 该图来源于（奇思妙想） Css代码： 1、建立一个矩形 2、利用线性渐变实现切角，科普一下代码知识： linear-gradient Css3的线 阅读全文
posted @ 2016-11-09 12:28 YanEr、 阅读(3640) 评论(0) 推荐(1) 编辑