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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • background-color:rgba(R,G,B,A) R,G,B(0-255) A(0-1)透明度
    查看全部
  • animation-delay属性定义动画在时候开始,时间单位秒
    查看全部
  • border-image:url(border.png)[图片路径] 70 70 70 70 [切割图片的宽度,单位为像素] repeat[重复]/round[平铺]/stretch[拉伸]
    查看全部
  • 4-1 text-overflow和white-space text-overflow用来设置是否使用一个省略标记(...)表示对象内文本的溢出。 text-overflow:clicp | ellipsis clip表示剪切 ellipsis表示显示省略标记 。 强制文本在一行内显示(white-space:nowrap); 溢出内容为隐藏(overflow:hidden); word-wrap可以设置文本行为,当前行超过指定容器的边界时是否断开转行。 word-wrap:normal | break-word normal:默认样式; break-word:表示内容将在边界处换行; 代码如下: text-overflow:ellipsis; overflow:hidden; white-space:nowrap; (就可以溢出显示省略号了o(≧v≦)o~~好棒) 2015年2月9日
    查看全部
  • 不可以负值,否则没有动画
    查看全部
  • animation-duration:指定动画所播放的时长
    查看全部
  • X轴:左负右正 Y轴:上负下正
    查看全部
  • animation-name 调用动画:属性值的为动画的名称,animation-delay:是用来指定元素动画开始时间,也就是多少秒之后开始执行;取值为<time>为数值,单位为s(秒),其默认值也是0 animation-timing-function:规定动画的速度曲线:其属性值有:linear(动画从头到尾的速度是相同的 )、ease(默认。动画以低速开始,然后加快,在结束前变慢)、ease-in(动画以低速开始)、ease-in-out(动画以低速开始和结束)、
    查看全部
    0 采集 收起 来源:CSS3中调用动画

    2018-03-22

  • 可以设置多个背景用,隔开
    查看全部
  • box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; X轴偏移量:必填,水平阴影的位置,允许负值; Y轴偏移量:必填,垂直阴影的位置,允许负值; 阴影模糊半径:可选,模糊距离; 阴影扩展半径:可选,阴影的尺寸; 阴影颜色:可选,阴影的颜色,省略默认为黑色; 投影方式:可选,inset为内部阴影,省略为外部阴影
    查看全部
  • border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */
    查看全部
  • matrix(a,b,c,d,e,f)实现2D变换
    查看全部
  • 3-2 渐变色彩 CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。 这一小节我们来说一下线性渐变: linear-gradient(to top left,#fff,#999); 第一个参数:指定渐变方向,可以用“角度”的关键词或“英文”来表示: 角度:0deg 用英文:to top 作用:从下向上 ; 角度:90deg 用英文:to left 作用:从右到左 ; 角度:180deg 用英文:to bottom 作用:从上向下 ; 角度:270deg 用英文:to right 作用:从左到右 ; top top right 从右下角到左上角 ; to top left 从左下角到右上角 ; 第一个参数省略时,默认为“180deg”,等同于“to bottom”。 第二个和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值。 background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet); 2015年2月9日
    查看全部
  • background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);
    查看全部
  • 语法: color:rgba(R,G,B,A) 以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数,取值在0~1之间,不可为负值。
    查看全部

举报

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

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