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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • Qiong_524
    transition-timing-function属性指的是过渡的“缓动函数”。主要用来指定浏览器的过渡速度，以及过渡期间的操作进展情况，其中要包括以下几种函数： http://img1.sycdn.imooc.com//5344f1320001481905640812.jpg
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡函数 transition-timing-function

    2017-02-06

  • Qiong_524
    transition-duration属性主要用来设置一个属性过渡到另一个属性所需的时间，也就是从旧属性过渡到新属性花费的时间长度，俗称持续时间。
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡所需时间 transition-duration

    2017-02-06

  • Qiong_524
    transition-property用来指定过渡动画的CSS属性名称，而这个过渡属性只有具备一个中点值的属性（需要产生动画的属性）才能具备过渡效果，其对应具有过渡的CSS属性主要有： http://img1.sycdn.imooc.com//5344eca300010a8005510421.jpg
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡属性 transition-property

    2017-02-06

  • Qiong_524
    在没有重置transform-origin改变元素原点位置的情况下，CSS变形进行的旋转、位移、缩放，扭曲等操作都是以元素自己中心位置进行变形。但很多时候，我们可以通过transform-origin来对元素进行原点位置改变，使元素原点不在元素的中心位置，以达到需要的原点位置。 transform-origin取值和元素设置背景中的background-position取值类似，如下表所示： http://img1.sycdn.imooc.com//53391ea500013e4706860384.jpg
    查看全部
    0 采集 收起 来源：CSS3中的变形--原点 transform-origin

    2017-02-06

  • Qiong_524
    matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。就是基于水平方向（X轴）和垂直方向（Y轴）重新定位元素,此属性值使用涉及到数学中的矩阵，我在这里只是简单的说一下CSS3中的transform有这么一个属性值，如果需要深入了解，需要对数学矩阵有一定的知识。
    查看全部
    0 采集 收起 来源：CSS3中的变形--矩阵 matrix()

    2017-02-06

  • Qiong_524
    translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。
    查看全部
    0 采集 收起 来源：CSS3中的变形--位移 translate()

    2017-02-06

  • Qiong_524
    缩放 scale()函数 让元素根据中心原点对对象进行缩放。
    查看全部
    0 采集 收起 来源：CSS3中的变形--缩放 scale()

    2017-02-06

  • Qiong_524
    扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变元素的形状。skew()函数不会旋转，而只会改变元素的形状。
    查看全部
    0 采集 收起 来源：CSS3中的变形--扭曲 skew()

    2017-02-06

  • Qiong_524
    旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。如下图所示：
    查看全部
    0 采集 收起 来源：CSS3变形--旋转 rotate()

    2017-02-06

  • zz_y
    .wrapper > div:first-of-type { background: orange; }//.wrapper 下的第一个个div的设置 类似于：first-child 主要用来定位一个父元素下的某个类型的第一个子元素
    查看全部
    0 采集 收起 来源：CSS3 first-of-type选择器

    2018-03-22

  • ANXCN
    表达奇数的方法：(2n+1),(2n-1),(odd); 表达偶数的方法：(2n),(even).
    查看全部
    0 采集 收起 来源：CSS3 nth-of-type(n)选择器

    2017-02-06

  • 千阳1
    text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。 text-overflow:ellipsis（省略号）|clip（剪切）; 实现溢出时产生省略号的效果: text-overflow:ellipsis; （用省略号表示文本溢出） overflow:hidden; （溢出内容为隐藏） white-space:nowrap; （强制文本在一行内显示） word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。 word-wrap:normal（控制连续文本换行）|break-work（内容将在边界换行） normal为浏览器默认值，break-word设置在长单词或 URL地址内部进行换行，此属性不常用，用浏览器默认值即可。
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2017-02-06

  • hello_1128
    transform:translateZ(-25px) rotateX(90deg); translateZ（-25px）表示在z轴移动25px.rotateX(90deg)表示沿着x轴旋转90度、就屏幕的角度来讲 就是前后旋转90度
    查看全部
    0 采集 收起 来源：制作3D旋转导航综合练习题

    2017-02-06

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

    2018-03-22

  • Qiong_524
    使用“:read-write”选择器来设置不是只读控件的文本框样式。
    查看全部
    0 采集 收起 来源：CSS3选择器 :read-write选择器

    2017-02-06

首页上一页319320321322323324325下一页尾页

举报

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

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

查看已购买的课程