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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • 添加多个阴影可以用逗号隔开,如 box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset;
    查看全部
  • 请换用chrome来测试。火狐不支持 column-span是用来定义跨列的。 column-span: none | all 不跨列和跨全部的列。
    查看全部
  • column-rule有三个参数 column-rule-width:类似于border-width属性,主要用来定义列边框的宽度,其默认值为“medium”,column-rule-width属性接受任意浮点数,但不接收负值。但也像border-width属性一样,可以使用关键词:medium、thick和thin。 column-rule-style:类似于border-style属性,主要用来定义列边框样式,其默认值为“none”。column-rule-style属性值与border-style属值相同,包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。 column-rule-color:类似于border-color属性,主要用来定义列边框颜色,其默认值为前景色color的值,使用时相当于border-color。column-rule-color接受所有的颜色。如果不希望显示颜色,也可以将其设置为transparent(透明色)
    查看全部
  • column-gap用来设置列与列之间的间距。 column-gap: normal || <length> 其单位可以是px,也可以是em。
    查看全部
  • 多列布局的column-count主要是给元素指定想要的列数和允许的最大列数。 column-count:auto | <integer> 不要忘记浏览器的前缀。
    查看全部
  • 多列布局columns 主要有两个属性参数:列宽和列数。 <columns-width>主要来定义列中没列的宽度 <colimns-count>主要用来定义列中的列数 需要加浏览器的前缀。 columns: 200px 2;
    查看全部
  • 案例没有做出来一个,唉。怎么就这么难呢。
    查看全部
  • 设置动画时间外属性: animation-fill-mode有四个属性:none、forward、backword、both。 1 none是默认值,表示动画将按预期进行和结束,在动画完成其最后一帧时,动画会反转到初始帧处 2 forward表示动画在结束后继续应用最后的关键帧的位置 3 backwards会在向元素应用动画样式时迅速应用动画的初始帧 4 both元素动画同时具有forwards和backwards效果
    查看全部
  • css3,需要掌握知识点 1、选择器 2、圆角效果 3、块阴影和文字阴影 4、渐变效果 5、@Font-Face 6、多背景图 7、边框背景图 8、transform 9、多栏布局 10、媒体查询
    查看全部
    0 采集 收起 来源:CSS3能做什么?

    2016-10-27

  • animation-direction属性主要用来设置动画播放方向,其语法规则如下: animation-direction:normal | alternate [, normal | alternate]* 其主要有两个值:normal、alternate 1、normal是默认值,如果设置为normal时,动画的每次循环都是向前播放; 2、另一个值是alternate,他的作用是,动画播放在第偶数次向前播放,第奇数次向反方向播放。
    查看全部
  • 设置动画播放方式 animation-timing-function属性主要用来设置动画播放方式。主要让元素根据时间的推进来改变属性值的变换速率。 语法规则: 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>)]* 它和transition中的transition-timing-function一样,具有以下几种变换方式:ease,ease-in,ease-in-out,ease-out,linear和cubic-bezier。对应功如下: 在调用move动画播放中,让元素样式从初始状态到终止状态时,先加速再减速,也就是渐显渐隐效果。
    查看全部
  • animation-iteration-count:infinite;循环次数 n|infinite(无限)
    查看全部
    0 采集 收起 来源:CSS3中调用动画

    2016-10-27

  • 动画的播放状态animation-play-state其主要有两个值runing和paused。
    查看全部
  • 设置动画的播放方向animation-direction:[mormal|alternate]* 1、normal是默认值,如果设置为normal时,动画的每次循环都是向前播放; 2、另一个值是alternate,他的作用是,动画播放在第偶数次向前播放,第奇数次向反方向播放。
    查看全部
  • animation-iteration-count用来控制播放的次数。 infinite是无限重复播放,也可以用数字表示播放的次数。
    查看全部

举报

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

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