笔记 08 CSS3初步

废话不多说,其实我就是想做个笔记,主要想给自己看。所以没什么条理,想到哪儿写到哪儿,这对于零基础的同学来说可能看起来有点困难,对于有一些基础的同学可以做一个知识点的备忘录吧。

1、过渡动画

transition:属性名 时间(s);

2、有的浏览器不兼容,可以用谷歌 火狐

3、鼠标经过,过渡0.3-0.6s比较合适,微交互。

4、opacity:0-1;透明度

5、border-radius:圆角

6、按钮修饰

7、透明度与圆角不兼容,可以直接给图片也转圆角

8、触碰父级,子集动,要不鼠标得一直追着

9、text-alingn:justify;文本两端对齐

10、一切以看到框为基础

11、逐帧动画 补间动画

12、infinite 无限循环

13、inear 匀速 (逐帧动画中不用写)

14、div:active

15、Steps( ) 步数(做逐帧动画)

1、网站做完后,子页有很多相似部分,CSS关联同一个

2、每个页面不同部分CSS写在html里

3、关联Tava script

4、Jquery是对Tavascript的简化

5、开源的代码,可以随便用

6、为保证动画流畅 stop(true,true)

7、$(document).ready(function(e){ })

1、去边框的时候,注意相关宽高(父级)也要改。

2、padding:没有auto

3、Animate.CSS 插件加类引用

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180619G1YE4S00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券