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

浙公网安备 33010602011771号