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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • qq_在道上_0
    :not前不要空格
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—not

    2015-07-06

  • fluteonline
    设置动画的播放状态 animation-play-state属性主要用来控制元素动画的播放状态。 参数： 其主要有两个值：running和paused。
    查看全部
    0 采集 收起 来源：CSS3中设置动画的播放状态

    2015-07-06

  • fluteonline
    设置动画播放方向 animation-direction属性主要用来设置动画播放方向，其语法规则如下： animation-direction: normal|reverse|alternate|alternate-reverse normal 默认值。动画按正常播放。 reverse 动画反向播放。 alternate 动画在奇数次（1、3、5...）正向播放，在偶数次（2、4、6...）反向播放。 alternate-reverse 动画在奇数次（1、3、5...）反向播放，在偶数次（2、4、6...）正向播放。
    查看全部
    0 采集 收起 来源：CSS3中设置动画播放方向

    2015-07-06

  • fluteonline
    设置动画播放次数 animation-iteration-count属性主要用来定义动画的播放次数。 语法规则： animation-iteration-count: infinite | <number> [, infinite | <number>]* 1、其值通常为整数，但也可以使用带有小数的数字，其默认值为1，这意味着动画将从开始到结束只播放一次。 2、如果取值为infinite，动画将会无限次的播放。
    查看全部
    0 采集 收起 来源：CSS3中设置动画播放次数

    2018-03-22

  • fluteonline
    设置动画开始播放的时间 animation-delay属性用来定义动画开始播放的时间，用来触发动画播放的时间点。和transition-delay属性一样，用于定义在浏览器开始执行动画之前等待的时间。 提示: 允许负值，-2s 使动画马上开始，但跳过 2 秒进入动画。
    查看全部
    0 采集 收起 来源：CSS3中设置动画开始播放的时间

    2015-07-06

  • fluteonline
    设置动画播放方式 animation-timing-function:设置动画播放方式，主要通过速率来设定。 其中,ease:默认值，元素样式从初始状态过渡到种植状态，速度由快到慢，逐渐变慢。 linear:恒速 ease-in:速度越来越快，加速效果。 ease-out:速度越来越慢，减速效果。 ease-in-out:先加速再减速。
    查看全部
    0 采集 收起 来源：CSS3中设置动画播放方式

    2015-07-06

  • fluteonline
    设置动画播放时间 animation-duration主要用来设置CSS3动画播放时间，其使用方法和transition-duration类似，是用来指定元素播放动画所持续的时间长，也就是完成从0%到100%一次动画所需时间。单位：S秒 语法规则 animation-duration: <time>[,<time>]* 取值<time>为数值，单位为秒，其默认值为“0”，这意味着动画周期为“0”，也就是没有动画效果（如果值为负值会被视为“0”）。
    查看全部
    0 采集 收起 来源：CSS3中设置动画播放时间

    2018-03-22

  • fluteonline
    调用动画 animation-name属性主要是用来调用 @keyframes 定义好的动画。需要特别注意: animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致（区分大小写），如果不一致将不具有任何动画效果。 语法： animation-name: none | IDENT[,none|DENT]*; 1、IDENT是由 @keyframes 创建的动画名，上面已经讲过了（animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致）； 2、none为默认值，当值为 none 时，将没有任何动画效果,这可以用于覆盖任何动画。 注意：需要在 Chrome 和 Safari 上面的基础上加上-webkit-前缀，Firefox加上-moz-。
    查看全部
    0 采集 收起 来源：CSS3中调用动画

    2015-07-06

  • wttfgg
    placeholder="输入框中出现半透明文字"
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—not

    2018-03-22

  • wttfgg
    action=提交到哪里
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—not

    2015-07-06

  • fluteonline
    keyframes 被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。 @keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } } 在一个“@keyframes”中的样式规则可以由多个百分比构成的，如在“0%”到“100%”之间创建更多个百分比，分别给每个百分比中给需要有动画效果的元素加上不同的样式，从而达到一种在不断变化的效果。 经验与技巧：在@keyframes中定义动画名称时，其中0%和100%还可以使用关键词from和to来代表，其中0%对应的是from，100%对应的是to。
    查看全部
    0 采集 收起 来源：CSS3 Keyframes介绍

    2015-07-06

  • Thinker_Ac
    ::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。
    查看全部
    0 采集 收起 来源：CSS3选择器 ::before和::after

    2018-03-22

  • Thinker_Ac
    “:read-write”选择器刚好与“:read-only”选择器相反，主要用来指定当元素处于非只读状态时的样式。
    查看全部
    0 采集 收起 来源：CSS3选择器 :read-write选择器

    2015-07-05

  • Thinker_Ac
    “:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’”
    查看全部
    0 采集 收起 来源：CSS3选择器 :read-only选择器

    2015-07-05

  • Thinker_Ac
    “::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的。 注意：在Firefox浏览器还需要添加前缀。
    查看全部
    0 采集 收起 来源：CSS3选择器 ::selection选择器

    2015-07-05

首页上一页885886887888889890891下一页尾页

举报

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

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

查看已购买的课程