随笔分类 -  CSS Secret

摘要:Chapter 4 1. 单侧投影 为元素设置投影可以使用 box-shadow 属性,指定三个长度值(X轴偏移量、Y轴偏移、模糊半径)与一个颜色值 要想只在底部设置投影,需要用到第四个参数:投影的扩张半径,如果该值为负,就代表缩小投影尺寸 此外,还可以通过 filter:drop-shadow() 阅读全文
posted @ 2018-04-14 15:37 挑灯看剑l 阅读(223) 评论(0) 推荐(0)
摘要:Chapter 3 1. 椭圆 椭圆的实现主要依靠 border-radius 属性,该属性确定边框切圆角的半径大小,可以指定数值 px,也可以使用百分比显示 而且该属性非常灵活,四个角可以分别设置 2. 平行四边形 平行四边形的实现依靠 transform:skew()实现,可以自己选择倾斜的方向 阅读全文
posted @ 2018-04-05 18:01 挑灯看剑l 阅读(602) 评论(0) 推荐(4)
摘要:Chapter2 背景与边框 1. 半透明边框 基础:了解 RGBA & HSLA 颜色(色调 0~360、饱和度、亮度 (0%黑色~100%白色)、透明度) 默认情况下,背景在边框的下层,容器的背景从半透明的边框透上来并覆盖了底层背景,如下图: (图片均来自于本书所带网站:http://play. 阅读全文
posted @ 2018-03-25 11:57 挑灯看剑l 阅读(311) 评论(0) 推荐(0)
摘要:借了一本CSS揭秘,国外的一本书,应该是目前相关书目里最好的了,内容非常扎实,不得不说图灵教育出的书真的不错,不然不是很厚的一本书卖到99也是.... 国外的这类书总是以问题开始,然后通过解决问题引出相关的内容,学起来没有那么枯燥,计划两个月时间看完,准备把每章都总结为一篇博客。 Chapter1. 阅读全文
posted @ 2018-03-17 11:31 挑灯看剑l 阅读(317) 评论(0) 推荐(0)