为了账号安全,请及时绑定邮箱和手机立即绑定
  • CSS3中设置动画播放次数 animation-iteration-count属性主要用来定义动画的播放次数。 animation-iteration-count: infinite | <number> [, infinite | <number>]* 取值为infinite,动画将会无限次的播放。
    查看全部
  • CSS3中设置动画开始播放的时间 animation-delay属性用来定义动画开始播放的时间,用来触发动画播放的时间点。 animation-delay:<time>[,<time>]*
    查看全部
  • CSS3中设置动画播放方式 animation-timing-function属性主要用来设置动画播放方式。 animation-timing-function:ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) [, ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)]*
    查看全部
  • CSS3中设置动画播放时间 animation-duration主要用来设置CSS3动画播放时间,就是完成从0%到100%一次动画所需时间。单位:S秒 animation-duration: <time>[,<time>]*
    查看全部
  • CSS3中调用动画 animation-name属性主要是用来调用 @keyframes 定义好的动画。需要特别注意: animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致(区分大小写),如果不一致将不具有任何动画效果。
    查看全部
    0 采集 收起 来源:CSS3中调用动画

    2017-06-09

  • CSS3 Keyframes介绍 被称为关键帧,主要以“@keyframes”开头,后面紧跟着是动画名称加上一对花括号“{…}”,括号中就是一些不同时间段样式规则。 @keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } } 其中0%和100%还可以使用关键词from和to来代表
    查看全部
  • 渐变;伪类
    查看全部
  • text-overflow:clip|ellipsis 用来说明文字溢出时用什么方法显示,要实现溢出时产生省略号的效果,需强制文本在一行内显示(white-space:nowrap)及溢出的内容为隐藏(overflow:hidden)
    查看全部
  • li:nth-of-type(1) a::after{ background: url(http://www.w3cplus.com/demo/css3/CSS3Fullbackground/sbg1.jpg) no-repeat center; } a[href^="#bg2"]::after{ background: url(http://www.w3cplus.com/demo/css3/CSS3Fullbackground/sbg2.jpg) no-repeat center; } 是不是最好就不要有#xxx出现了
    查看全部
  • transition: property duration timing-function delay; 多个动画想依次执行那后一个动画的延迟时间设置为前一个动画的延迟时间加上过渡时间即可
    查看全部
  • CSS3中的动画--过渡延迟时间 transition-delay 用来指定一个动画开始执行的时间,也就是说当改变元素属性值后多长时间开始执行。 a{ transition: background 0.8s ease-in 0.3,color 0.6s ease-out 0.3;}
    查看全部
  • @font-face @后不能有空格
    查看全部
  • CSS3中的动画--过渡函数 transition-timing-function 指的是过渡的“缓动函数”。主要用来指定浏览器的过渡速度,以及过渡期间的操作进展情况,包括ease/linear/ease-in/ease-out/ease-in-out(先加速再减速).
    查看全部
  • CSS3中的动画--过渡所需时间 transition-duration 从旧属性过渡到新属性花费的时间长度,俗称持续时间。
    查看全部
  • CSS3中的动画--过渡属性 transition-property 通过鼠标的单击、获得焦点,被点击或对元素任何改变中触发,并平滑地以动画效果改变CSS的属性值。 在CSS中创建简单的过渡效果可以从以下几个步骤来实现: 第一,在默认样式中声明元素的初始状态样式; 第二,声明过渡元素最终状态样式,比如悬浮状态; 第三,在默认样式中通过添加过渡函数,添加一些不同的样式。 transition-property:指定过渡或动态模拟的CSS属性 transition-duration:指定完成过渡所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间
    查看全部

举报

0/150
提交
取消
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!