慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

精慕门6263188

自己独立做了一个，嘿嘿，发现item的确是最绕的一个，item旋转是以中心旋转，旋转之后span那个页面转过来的时候会有向下的偏移，所以在item的transform上不仅仅有rotate，还有translate来纠正偏移，保证span转过来之后和旋转之前正面的图片位置是一样的

查看全部

0 采集收起来源：制作3D旋转视频展示区
2015-05-25
任天堂

CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。

查看全部

0 采集收起来源：什么是CSS3？
2015-05-25
信_静

通过测试发现background-origin,background-clip,background-size的属性值前提条件都要背景图片不重复（background：no-repeat）。

查看全部

0 采集收起来源：CSS3背景 background-size
2015-05-25
我家在玉堆

1、调用边框图片 border-image的url属性，通过相对或绝对路径链接图片。 2、边框图片的剪裁 border-image的数值参数剪裁边框图片，形成九宫格。 3、剪裁图片填充边框边框图片被切割成9部分，以一一对应的关系放到div边框的九宫格中，然后再压缩（或拉伸）至边框（border-width或border-image-width）的宽度大小。 4、执行重复属性被填充至边框九宫格四个角落的的边框图片是不执行重复属性的。上下的九宫格执行水平方向的重复属性（拉伸或平铺），左右的格子执行垂直方向的重复属性，而中间的那个格子则水平重复和垂直方向的重复都要执行。

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-05-25
wzhow

FireFox ie 无须前缀，chrome Safari opera都是加-webkit-

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-05-25
慕标3752996

translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。 translate我们分为三种情况： 1、translate(x,y)水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动） 2、translateX(x)仅水平方向移动（X轴移动） 3、translateY(Y)仅垂直方向移动（Y轴移动）

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2015-05-25
精慕门6263188

我自己也要独立做一个出来，哼

查看全部

4 采集收起来源：制作3D旋转视频展示区
2015-05-25
精慕门6263188

整体并不难，难点就在于那个item的理解，那个item的div是来装下img和information的，那么item自己也是一个三维容器吗，做了这个实验觉得item这个div也是一个三维容器，通过item的旋转来使得里面的物体获得旋转效果，还得好好看看css3的3d部分，理解不深刻

查看全部

0 采集收起来源：制作3D旋转视频展示区
2015-05-25
wzhow

看了一下字体链接，是woff2格式的，可能不支持，显示第二个字体；切换的动画不太舒服，动画几乎都是进到一半，就一下进去了，动画的课程在下一章才开始，到时学完再回头看看怎么弄让它舒服点

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-05-25
慕标3752996

scale:变形--缩放，有三种使用方法：（1）scale(x,y):水平和垂直方向同时缩放；（2）scaleX(x):仅水平方向缩放；（3）scaleY(Y):仅垂直方向缩放；注意： scale的默认值为1 缩放：scale(0.01~0.99)之间的值为缩小元素；放大：scale(1.01)以上的值为放大元素；

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2015-05-25
慕标3752996

transform:skew(?deg):分为三种情况 (1)X,Y轴都发生扭曲现象，例如：transform:skew(10deg,30deg); (2)X轴发生扭曲：skewX(?deg),例如:transform:skewX(10deg); (3)Y轴发生扭曲：skewY(?deg),例如：transform:skewY(10deg);

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2015-05-25
wzhow

学到了纯css自定义radio的做法。点“男”的时候没反应，原来是原代码label拼错了

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2015-05-25
慕标3752996

transform:rotate(?deg);deg的值可以为正值可以给负值，正值随着顺时针旋转，负值顺着逆时针旋转

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2015-05-25
wyang

scale()默认值为1，小于1则为缩小元素，大于1则为放大元素

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2015-05-25
UFO2015

/*使用伪元素制作导航列表项分隔线*/ .nav li:after{ content:""; color:#666; position:absolute; top:18px; height:20px; left:-1px; width:1px; background-image:linear-gradient(to bottom,#f65f57,#993333,#f65f57); } /*删除第一项和最后一项导航分隔线*/ .nav li:first-child::after{ background-image:none; }

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2018-03-22

首页上一页 933 934 935 936 937 938 939 下一页尾页

0/150

提交

取消

开始学习

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

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