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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 挚爱欣
    color：rgba(R,G,B,A) background-color:rgba(100,120,60,0.5);
    查看全部
    0 采集 收起 来源：CSS3颜色 颜色之RGBA

    2015-04-15

  • 挚爱欣
    边框应用图片 border-image repeat 重复（出部分剪裁掉，而且是居中开始重复） round （圆满的铺满） stretch 拉伸（有多长拉多长）
    查看全部
    0 采集 收起 来源：CSS3边框 为边框应用图片 border-image

    2015-04-15

  • 对折的风
    变形--原点 transform-origin 任何一个元素都有一个中心点，默认情况之下，其中心点是居于元素X轴和Y轴的50%处。 在没有重置transform-origin改变元素原点位置的情况下，CSS变形进行的旋转、位移、缩放，扭曲等操作都是以元素自己中心位置进行变形。但很多时候，我们可以通过transform-origin来对元素进行原点位置改变，使元素原点不在元素的中心位置，以达到需要的原点位置。
    查看全部
    0 采集 收起 来源：CSS3中的变形--原点 transform-origin

    2015-04-15

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

    2018-03-22

  • 对折的风
    变形--矩阵 matrix() matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。
    查看全部
    0 采集 收起 来源：CSS3中的变形--矩阵 matrix()

    2015-04-15

  • 对折的风
    变形--位移 translate() translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。 translate我们分为三种情况： 1、translate(x,y)水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动） 2、translateX(x)仅水平方向移动（X轴移动） 3、translateY(Y)仅垂直方向移动（Y轴移动）
    查看全部
    0 采集 收起 来源：CSS3中的变形--位移 translate()

    2015-04-15

  • 对折的风
    变形--缩放 scale() 缩放 scale()函数 让元素根据中心原点对对象进行缩放。 缩放 scale 具有三种情况： 1、 scale(X,Y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放） 注意：Y是一个可选参数，如果没有设置Y值，则表示X，Y两个方向的缩放倍数是一样的。 2、scaleX(x)元素仅水平方向缩放（X轴缩放） 3、scaleY(y)元素仅垂直方向缩放（Y轴缩放） 注意： scale()的取值默认的值为1，当值设置为0.01到0.99之间的任何值，作用使一个元素缩小；而任何大于或等于1.01的值，作用是让元素放大。(数据为放大或缩小的倍数)
    查看全部
    0 采集 收起 来源：CSS3中的变形--缩放 scale()

    2015-04-15

  • 挚爱欣
    box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 0px 0px 12px 5px #33CC00 ; box-shadow:4px 2px 6px #333333 inset,
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2015-04-15

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

    2015-04-15

  • 挚爱欣
    圆角效果 border-radius 不要以为border-radius的值只能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。
    查看全部
    1 采集 收起 来源：CSS3边框 圆角效果 border-radius

    2015-04-15

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

    2015-04-15

  • Jannnnnnnnnne
    background-clip ： border-box | padding-box | content-box | no-clip
    查看全部
    0 采集 收起 来源：CSS3背景 background-clip

    2015-04-14

  • Jannnnnnnnnne
    background-origin ： border-box | padding-box | content-box;
    查看全部
    0 采集 收起 来源：CSS3背景 background-origin

    2015-04-14

  • Jannnnnnnnnne
    linear-gradient
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2015-04-14

  • HankinsPan
    ^表示前缀包含 $表示后缀包含 *表示任意包含 刚开始看说明没太明白，忽然想起正则来，恍然大悟 a[class^=column] {background-color:red;} a[href$=doc]{background-color:green;} a[title*=box]{background-color:blue;}
    查看全部
    1 采集 收起 来源：CSS3选择器 属性选择器

    2015-04-14

首页上一页9979989991000100110021003下一页尾页

举报

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

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

查看已购买的课程