CSS_Secrets

如果让我推荐基本css方面的书籍,我会推荐精通CSS(第2版)CSS权威指南以及Lea Verou大神的CSS Secrets
最近花了点时间将CSS Secrets看了遍,将所有代码敲了一遍。
特在此做个记录,可以右键查看源码,绝大部分都写了注释。
源码可以查看(https://github.com/东哥小屋/SourceSave/tree/master/CssSecrets)

CSS_Scerts

00_减少代码重复

01_currentColor

02_使用inherit完成一些reset

03_半透明边框

04_多重边框

05_多重边框_outline

06_灵活背景图定位

07_灵活背景图定位_origin

08_灵活背景图定位_calc

09边框内圆角两个元素实现

10边框内圆角一个元素实现

11_水平条纹

12_垂直条纹

13_斜向条纹

14_更好的斜向条纹

15_灵活的同色系条纹

16_渐变生成网格

17_格子可调的网格

18_更加逼真的可调网格

19_径向渐变生成波点

20_错落有致的波点

21_渐变生成棋盘

22_渐变生成棋盘优化

23_伪随机背景

24_连续的背景边框

25_老式信封

26_蚂蚁行军边框

27_脚注

28_椭圆

29_平行四边形

30_菱形图片

31_斜向切角

32_弧形切角

33_梯形标签页

34_饼图

35_饼图_svg

36_饼图_svg优化

37_单侧、邻边、双侧投影

38_不规则投影

39染色效果滤镜

40染色效果混合模式

41_毛玻璃

42_折角效果

43_其它角度折角

44_更加逼真的折角

45_插入换行

46_代码斑马纹

47_控制tab的大小

48_自定义下划线

49_凸版文字

50_空心文字

51_文字发光效果

52_伪3d文字

53_长阴影文字

54_环形文字

55_使用禁用标志标识禁用按钮

56_扩大点击区域

57_自定义复选框

58_模糊背景

59_滚动阴影提示

60_图片对比控件

61_范围输入的图片对比控件

62_自适应内部元素

63_根据兄弟元素的数量来设置样式

64_根据兄弟元素数量范围来匹配元素

65_满幅背景定宽内容

66_弹性过渡

67_延时过渡

68_逐帧动画

69_文字闪烁动画

70_打字动画

71_状态平滑的动画

72_用两个元素实现沿环形路径平移的动画