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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 蜀山柚子
    @-webkit-keyframes -webkit-animation 两处都要添加－webkit－
    查看全部
    0 采集 收起 来源：CSS3 Keyframes介绍

    2015-02-10

  • Vancys
    动画播放方式。记得加上-webkit-才有效果 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>)]*
    查看全部
    0 采集 收起 来源：CSS3中设置动画播放方式

    2018-03-22

  • Vancys
    animation-duration: <time>[,<time>]* 注意加前缀
    查看全部
    0 采集 收起 来源：CSS3中设置动画播放时间

    2018-03-22

  • 傲娇的向日葵
    word-wrap: normal——仅在允许的文本断点处自动换行； break-word——如果一行中没有其他可接受的断点，那么将强行断开文本单词，从单词的内部断开以防止文本溢出容器并且完全适应容器的宽度
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2015-02-10

  • Vancys
    注意前缀
    查看全部
    0 采集 收起 来源：CSS3中调用动画

    2015-02-10

  • 唯爱美
    好难啊
    查看全部
    0 采集 收起 来源：制作3D旋转导航综合练习题

    2015-02-10

  • Vancys
    all：所有属性改变
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡延迟时间 transition-delay

    2015-02-10

  • 唯爱美
    animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。其四个属性值对应效果如下： 属性值 效果 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果 在默认情况之下，动画不会影响它的关键帧之外的属性，使用animation-fill-mode属性可以修改动画的默认行为。简单的说就是告诉动画在第一关键帧上等待动画开始，或者在动画结束时停在最后一个关键帧上而不回到动画的第一帧上。或者同时具有这两个效果。
    查看全部
    0 采集 收起 来源：CSS3中设置动画时间外属性

    2015-02-25

  • 唯爱美
    animation-play-state属性主要用来控制元素动画的播放状态。 参数： 其主要有两个值：running和paused。 其中running是其默认值，主要作用就是类似于音乐播放器一样，可以通过paused将正在播放的动画停下来，也可以通过running将暂停的动画重新播放，这里的重新播放不一定是从元素动画的开始播放，而是从暂停的那个位置开始播放。另外如果暂停了动画的播放，元素的样式将回到最原始设置状态。
    查看全部
    0 采集 收起 来源：CSS3中设置动画的播放状态

    2015-02-10

  • kovelly
    第一，使用HTML5 Doctype和相关指南； 第二，重置好你的样式（reset.css）； 第三，一个简单的有语义的核心布局； 第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。
    查看全部
    0 采集 收起 来源：Responsive布局技巧

    2015-02-10

  • 唯爱美
    alternate [英]ɔ:lˈtɜ:nət [美]ˈɔ:ltərnət adj. 轮流的;交替的;间隔的;代替的 vi. 交替;轮流 vt. 使交替;使轮流 1、normal是默认值，如果设置为normal时，动画的每次循环都是向前播放； 2、另一个值是alternate，他的作用是，动画播放在第偶数次向前播放，第奇数次向反方向播放。 例如：通过animation-direction属性，将move动画播放动画方向设置为alternate，代码为：
    查看全部
    0 采集 收起 来源：CSS3中设置动画播放方向

    2015-02-10

  • Vancys
    动画--过渡函数 transition-timing-function Ease 默认值，元素样式从初始状态过渡到终止状态时速度由快到慢，逐渐变慢 Linear 元素样式从初始状态过渡到终止状态速度是恒速 Ease-in 元素样式从初始状态过渡到终止状态时速度越来越快，呈现一种加速状态。渐显效果 Ease-out元素样式从初始状态过渡到终止状态，速度越来越慢，呈现一种减速状态。渐隐 Ease-in-out 元素样式从初始状态到终止状态时，先加速再件数。渐显渐隐效果
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡函数 transition-timing-function

    2015-03-21

  • hahaseki
    第三节　　CSS生成内容 通过CSS3的伪类“:before”，“:after”和CSS3的伪元素“::before”、“::after”来实现，其关键是依靠CSS3中的“content”属性来实现。 content配合CSS的伪类或者伪元素，一般可以做以下四件事情： 功能　　　功能说明 none　　不生成任何内容 attr　　插入标签属性值 url　　使用指定的绝对或相对地址插入一个外部资源（图像，声频，视频或浏览器支持的其他任何资源） string　插入字符串
    查看全部
    0 采集 收起 来源：CSS生成内容

    2015-02-10

  • hahaseki
    第二节　　CSS3外轮廓属性 外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。 outline: ［outline-color］ || [outline-style] || [outline-width] || [outline-offset] || inherit 属性值　　　属性值说明 outline-color　　省略时默认为黑色。 outline-style　　省略时默认为none，不对轮廓线进行任何绘制。 outline-width　　省略时默认为medium，表示绘制中等宽度的轮廓线。 outline-offset　　偏移位置数值，可取负数。正数向外偏离，负数向内偏移。 inherit　　　　　元素继承父元素的outline效果。
    查看全部
    0 采集 收起 来源：CSS3外轮廓属性

    2015-02-10

  • hahaseki
    第一节 自由缩放属性resize 允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。到目前为止，可以使用overflow属性的任何容器元素。 resize: none | both | horizontal | vertical | inherit 属性值 　　 取值说明 none　　　　用户不能拖动元素修改尺寸大小。 both　　　　用户可以拖动元素，同时修改元素的宽度和高度 horizontal　用户可以拖动元素，仅可以修改元素的宽度，但不能修改元素的高度。 vertical　　用户可以拖动元素，仅可以修改元素的高度，但不能修改元素的宽度。 inherit　　继承父元素的resize属性值。
    查看全部
    0 采集 收起 来源：自由缩放属性resize

    2015-02-10

首页上一页1096109710981099110011011102下一页尾页

举报

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

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

查看已购买的课程