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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • column-span:主要用来定义一个分列元素中的子元素能够跨列多少,它主要有两个属性值:none,all。all表示元素跨越所有列并定位在列的z轴之上。
    查看全部
  • column-rule主要用来定义列与列之间的边框宽度,边框颜色,边框样式。它与border有点相似,但是column-rule不占用空间,在改变列与列之间宽度时候,列的位置是不会变的。 column-rule其后跟三个属性,column-rule-width,column-rule-style,column-rule-color分别为:边框宽度,边框样式,边框颜色。 column-rule-width的默认值为medium,也可以使用thick,thin. column-rule-style:定义边框样式,默认值是none,还可以取值为:hidden,dotted,dashed,solid,double,groove,ridge,inset,outset column-rule-color:主要定义边框颜色,如果不希望显示颜色,可以定义为透明色(transparent)
    查看全部
  • column-gap:主要设置列与列之间的间距。默认值是normal,表示间距为1em(如果你的字号是px,默认值是你的font-size值) 例:column-count:3;column-gap:2em;表示3列,列间距为2em
    查看全部
  • column-count设置想要列数,或者允许的最大列数。例:column:2;即为分成两列。
    查看全部
  • column-width设置元素列宽既可以单独使用也可以和其他属性配合使用。后面跟auto则由其他属性决定,如果跟长度值,则由长度值决定,长度值必须是正值,同时要考虑浏览器的兼容性。
    查看全部
  • column 能够在浏览器中设置多列布局,后面跟每栏的宽度和栏数。例:column: 150px 3;
    查看全部
  • CSS3 线性渐变 Gradient 分为线性渐变(linear)和径向渐变(radial) 第一个参数:指定渐变方向,可以用“角度”的关键词或“英文”来表示: 角度 英文 作用 0deg to top 从下向上 90deg to right 从左向右 180deg to bottom 从上向下 270deg to left 从右向左 to top left 右下角到右上角 to top right左下角到右下角
    查看全部
  • 不知道怎么折腾
    查看全部
  • 设置动画时间外属性 animation-fill-mode:设置动画时间外属性。主要设置动画开始之前和结束之后发生的操作。主要有四个值:none,forwards,backwords,both. none:默认值,表示动画将按预期进行和结束,在动画完成其最后一帧时,会反转到初始帧处。 forwards:动画结束之后继续应用最后的关键帧位置。 backwards:会在元素应用动画样式时,迅速应用初始帧。 both:元素动画同时具有forwards和backwords的效果。
    查看全部
  • 设置动画的播放状态 animation-play-state属性主要用来控制元素动画的播放状态。 参数: 其主要有两个值:running和paused。 running默认值 播放动画 paused暂停播放
    查看全部
  • 设置动画播放方向 animation-direction属性主要用来设置动画播放方向,其语法规则如下: animation-direction:normal | alternate [, normal | alternate]* normal:默认设置 alternate:动画播放在第偶数次向前播放,第奇数次向反方向播放。
    查看全部
  • 设置动画播放次数 animation-iteration-count属性主要用来定义动画的播放次数。 语法规则: animation-iteration-count: infinite | <number> [, infinite | <number>]* 1、其值通常为整数,但也可以使用带有小数的数字,其默认值为1,这意味着动画将从开始到结束只播放一次。 2、如果取值为infinite,动画将会无限次的播放。 注意浏览器兼容性-webkit-
    查看全部
  • 设置动画开始播放的时间 animation-delay属性用来定义动画开始播放的时间,用来触发动画播放的时间点。和transition-delay属性一样,用于定义在浏览器开始执行动画之前等待的时间。
    查看全部
  • 设置动画播放方式 animation-timing-function属性主要用来设置动画播放方式。主要让元素根据时间的推进来改变属性值的变换速率,简单点说就是动画的播放方式。 类似transiton-timing-function 属性有linear ease ease-in ease-out ease-in-out
    查看全部
  • 设置动画播放时间 animation-duration主要用来设置CSS3动画播放时间,其使用方法和transition-duration类似,是用来指定元素播放动画所持续的时间长,也就是完成从0%到100%一次动画所需时间。单位:S秒 语法规则 animation-duration: <time>[,<time>]*
    查看全部

举报

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

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