慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

_莫忘初衷_

animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。其四个属性值对应效果如下：属性值效果 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果在默认情况之下，动画不会影响它的关键帧之外的属性，使用animation-fill-mode属性可以修改动画的默认行为。简单的说就是告诉动画在第一关键帧上等待动画开始，或者在动画结束时停在最后一个关键帧上而不回到动画的第一帧上。或者同时具有这两个效果。

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2016-11-09
HoneyChinos

@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } 这样设置之后，就可以像使用普通字体一样在（font-*）中设置字体样式。

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2016-11-08
慕粉4287973

disabled还需要在html的表单中设置disabled属性。

查看全部

0 采集收起来源：CSS3选择器 :disabled选择器
2016-11-08
hutu图

左负右正，上负下正

查看全部

1 采集收起来源：CSS3边框阴影 box-shadow（二）
2016-11-07
zmj佳期如梦

input[type="submit"]:disabled { background: #eee; border-color: #eee; color: #ccc; }

查看全部

0 采集收起来源：CSS3选择器 :disabled选择器
2018-03-22
学之舟_36820

border-radius 圆、半圆、四分之一圆水平半径，垂直半径 PS:重拾css乐趣 -- 鹰嘴

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2016-11-07
anthony_min

设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。语法： background-size: auto | <长度值> | <百分比> | cover | contain 取值说明： 1、auto：默认值，不改变背景图片的原始高度和宽度； 2、<长度值>：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放； 3、<百分比>：0％~100％之间的任何值，将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值，当设置一个值时同上； 4、cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器； 5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。提示：大家可以在右边的编辑窗口输入自己的代码尝试不同取值的效果。

查看全部

0 采集收起来源：CSS3背景 background-size
2018-03-22
anthony_min

background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。

查看全部

0 采集收起来源：CSS3背景 background-origin
2016-11-07
学之舟_36820

CSS3 渐变（Gradients）补充： http://www.runoob.com/css3/css3-gradients.html https://developer.mozilla.org/zh-CN/docs/Web/CSS/radial-gradient PS: 重拾css乐趣 -- 左右带弧度凸角渐变的大小 -- 设置farthest-corner（最远的一个角相交），颜色不均匀分布

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2016-11-07
Forgethimboy4304650

transform:translate水平垂直居中

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2016-11-07
Sola

Copy that

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-11-07
慕码人1183263

text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:120px; background:#ccc; text-overflow有两中方式来显示，clip和ellipsis,其中clip表示的是超出的部分剪切，而ellipsis就是表示的是省略标记，另外要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果。同时，word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。 word-wrap:normal | break-word(其中normal表示的是控制连续文本换行，即不允许超出部分换行，而break-word表示的是内容可以在边界内换行。

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-11-06
慕码人1183263

颜色渐变至少有三个参数，第一个表示的是渐变的方式，是从哪个方向到哪个方向，第二三个分别表示的是开始渐变的颜色和最后的颜色。

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2016-11-06
慕码人1183263

制作实心圆，长和宽一样长度，而border-radius是长和宽的一半，而制作半圆的时候，长或宽中一个为一个的一半，border-radius的值为一半的值。

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2016-11-06
Sola

原图示范效果好

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2016-11-06

首页上一页 366 367 368 369 370 371 372 下一页尾页

0/150

提交

取消

开始学习

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

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