慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

慕先生4138651

column-width:auto|length auto: 元素多列的列宽由其他的属性来决定，比如由列数column-count <length>:使用固定值来设置元素的列宽，其主要由数值和长度单位来组成，只能是正值。

查看全部

0 采集收起来源：CSS3 多列布局——column-width
2018-03-22
慕先生4138651

CSS3多列布局--Columns 语法：columns:<column-width>||<column-count> 两个参数：列宽和列数 <column-width>:主要用来定义多列中每列的宽度 <column-count>:主要来定义多列中的列数

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2018-03-22
风233

border-image:url(borderimg.png) 70 round/repeat/sretch; 70单位是像素，但是要省略px！！

查看全部

1 采集收起来源：CSS3边框为边框应用图片 border-image
2016-10-30
风233

文本内容溢出省略号效果： text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-10-29
慕先生4138651

animation-fill-mode:定义在动画开始之前和结束之后发生的操作。 none:默认值，在动画完成最后一帧时，动画会反转到初始帧处。 forwards:表示动画结束后继续应用最后关键帧的位置。 backwards:会在向元素应用动画样式时迅速应用到动画的初始帧。 both:元素动画同时具有forwards和backwards效果

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2016-10-29
慕先生4138651

animation-play-state:控制元素动画的播放状态。参数：running（进行）和paused(暂停) 注意：这里的重新播放不一定是从元素动画的开始播放，而是从暂停的那个位置开始播放，另外如果暂停了播放，元素的样式将回到原始设置的状态。

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2016-10-29
慕先生4138651

animation-direction:设置动画播放的方向。其主要有两个值：normal/alternate 1、normal是默认值，如果设置为normal时，动画的每次循环都是想前播放的。 2，另一个值是alternate,它的作用是，动画播放在偶数次向前播放，第奇数次想反方向播放。

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2016-10-29
慕先生4138651

animation-iteration-count:定义动画播放的次数。 1,其值通常为整数,但也可以使用带有小数的数字，其默认值为1，意味着动画只播放一次。 2，如果取值为infinte,动画将无限循环的播放。

查看全部

0 采集收起来源：CSS3中设置动画播放次数
2016-10-29
慕先生4138651

animation-delay:定义浏览器开始执行动画之前等待的时间。

查看全部

0 采集收起来源：CSS3中设置动画开始播放的时间
2016-10-29
慕先生4138651

animation-timing-function:主要用来设置动画的播放方式。

查看全部

0 采集收起来源：CSS3中设置动画播放方式
2016-10-29
qq_yEs先生_53591812

径向渐变不同于线性渐变，线性渐变是从“一个方向”向“另一个方向”的颜色渐变，而径向渐变是从“一个点”向四周的颜色渐变。其语法如下： background: radial-gradient(center, shape, size, start-color, ..., last-color); center：渐变起点的位置，可以为百分比，默认是图形的正中心。 shape：渐变的形状，ellipse表示椭圆形，circle表示圆形。默认为ellipse，如果元素形状为正方形的元素，则ellipse和circle显示一样。 size：渐变的大小，即渐变到哪里停止，它有四个值。 closest-side：最近边； farthest-side：最远边； closest-corner：最近角； farthest-corner：最远角

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2016-10-29
慕先生4138651

animation-duration:主要用来设置CSS3动画播放的时间，单位秒。

查看全部

0 采集收起来源：CSS3中设置动画播放时间
2016-10-29
慕先生4138651

animation-name属性主要用来调用@keyframes定义好的动画。特别注意：animation-name调用的动画名需要和@keyframes定义的动画名称完全一致。语法：animation-name: none | IDENT 1、IDENT是由@keyframes创建的动画名 2、none为默认值，表示没有任何动画效果注意：需要在Chrome和Safari上面的基础上加上-webkit-前缀,Firefox加上-moz-

查看全部

0 采集收起来源：CSS3中调用动画
2016-10-29
慕先生4138651

CSS3 Keyframes介绍： Keyframes被称为关键帧，主要以@keyframes开头，后面紧跟着动画名称加上一对{},括号中就是一些不同时间段样式规则，从0%-100%；经验技巧：@keyframes中定义动画名称时，0%和100%可以使用关键词from和to来代表.

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2016-10-29
Demetris

为元素设置外阴影：示例代码： .box_shadow{ box-shadow:4px 2px 6px #333333; } 效果：为元素设置内阴影：示例代码： .box_shadow{ box-shadow:4px 2px 6px #333333 inset; } 效果：添加多个阴影：以上的语法的介绍，就这么简单，如果添加多个阴影，只需用逗号隔开即可。如： .box_shadow{ box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; } 效果：

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-10-28

首页上一页 369 370 371 372 373 374 375 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器学习本课程。

老师告诉你能学到什么？: 1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果