为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
十天精通CSS3_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • 相当于 -webkit-transition: height, 1s, ease-out, 0.2s;
    查看全部
  • :first-child 选择父元素的第一个子元素
    查看全部
  • transition-timing-function: linear: 线性过渡。 ease: 平滑过渡。 ease-in: 由慢到快。 ease-out: 由快到慢。 ease-in-out: 由慢到快再到慢。 如果提供多个属性值,以逗号进行分隔
    查看全部
  • transition-property:指定过渡或动态模拟的CSS属性 transition-duration:指定完成过渡所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间
    查看全部
  • http://blog.csdn.net/henren555/article/details/9699449
    查看全部
  • box-shadow:X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; inset表示内部投影,默认为外部投影。外部阴影,X轴偏移量为负责表示左边阴影.Y轴偏移量为负则表示上面的阴影 内部阴影,x为负表示右边阴影 y为负表示下边引用
    查看全部
  • border-radius:左上,右上,右下,左上。设置圆角效果
    查看全部
  • 在编写CSS3样式时,不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分,是浏览器的私有属性,虽然目前较新版本的浏览器都是不需要前缀的,但为了更好的向前兼容前缀还是少不了的。 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2015-04-02

  • 阴影 box-shadow: X轴偏移量(水平阴影的位置 可负值) Y轴偏移量(垂直阴影的位置 可负值) [阴影模糊半径] [阴影扩展半径] [阴影颜色 默认黑色] [投影方式 inset(内部阴影)不写则外部阴影];注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。可添加多个阴影以逗号隔开。
    查看全部
  • border-radius圆角效果,四个值:左上、右上、右下、左下。(顺时针)
    查看全部
  • -webkit-font-smoothing 用于字体抗锯齿,使用后字体看起来会更清晰舒服。 基本没懂…… 3个可选的值: none        对低像素的文本比较好 subpixel-antialiased 默认值 antialiased      抗锯齿很好
    查看全部
  • animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值:none、forwards、backwords和both。其四个属性值对应效果如下: 属性值 效果 none 默认值,表示动画将按预期进行和结束,在动画完成其最后一帧时,动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果 在默认情况之下,动画不会影响它的关键帧之外的属性,使用animation-fill-mode属性可以修改动画的默认行为。简单的说就是告诉动画在第一关键帧上等待动画开始,或者在动画结束时停在最后一个关键帧上而不回到动画的第一帧上。或者同时具有这两个效果。
    查看全部
  • animation-play-state属性主要用来控制元素动画的播放状态。 参数: 其主要有两个值:running和paused。 其中running是其默认值,主要作用就是类似于音乐播放器一样,可以通过paused将正在播放的动画停下来,也可以通过running将暂停的动画重新播放,这里的重新播放不一定是从元素动画的开始播放,而是从暂停的那个位置开始播放。另外如果暂停了动画的播放,元素的样式将回到最原始设置状态。
    查看全部
  • animation-direction属性主要用来设置动画播放方向,其语法规则如下: animation-direction:normal | alternate [, normal | alternate]* 其主要有两个值:normal、alternate 1、normal是默认值,如果设置为normal时,动画的每次循环都是向前播放; 2、另一个值是alternate,他的作用是,动画播放在第偶数次向前播放,第奇数次向反方向播放。 例如:通过animation-direction属性,将move动画播放动画方向设置为alternate,代码为: animation-direction:alternate;
    查看全部
  • animation-iteration-count属性主要用来定义动画的播放次数。 语法规则: animation-iteration-count: infinite | <number> [, infinite | <number>]* 1、其值通常为整数,但也可以使用带有小数的数字,其默认值为1,这意味着动画将从开始到结束只播放一次。 2、如果取值为infinite,动画将会无限次的播放。
    查看全部

举报

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

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