慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

java家洼

阴影类型：此参数是一个可选值，如果不设值，其默认的投影方式是外阴影；如果取其唯一值“inset”,就是将外阴影变成内阴影，也就是说设置阴影类型为“inset”时，其投影就是内阴影； X-offset:是指阴影水平偏移量其值可以是正负值可以取正负值，如果值为正值，则阴影在对象的右边，反之其值为负值时，阴影在对象的左边； Y-offset:是指阴影的垂直偏移量，其值也可以是正负值，如果为正值，阴影在对象的底部，反之其值为负值时，阴影在对象的顶部；阴影模糊半径：此参数是可选，，但其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值是，则缩小阴影颜色：此参数可选，如果不设定任何颜色时，浏览器会取默认色，但各浏览器默认色不一样，特别是在webkit内核下的safari和chrome浏览器将无色，也就是透明，建议不要省略此参数。

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-06-21
java家洼

阴影 box-shadow（一）语法： box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 前两个参数必须，后边为可选参数。 inset内部阴影，省略默认外部阴影。如果添加多个阴影，只需用逗号隔开即可。 1、阴影模糊半径与阴影扩展半径的区别阴影模糊半径：值只能是为正值，其值越大阴影的边缘就越模糊；阴影扩展半径：值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； 2、X轴偏移量和Y轴偏移量值可以设置为负数

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-06-21
karasu丶

在初始背景色为black，与动画内的from red to blue的颜色不同，4种效果如下： none：开始初始色black，经过动画内的red blue，最后回到初始色black； both：开始为red，最后为blue，只运行动画内颜色，无视初始色black； forwards：开始为初始色black，经过动画内的red blue，最后停留在blue；若animation-iteration-count>1，第二次是从red开始运行； backwards：开始为red，经过blue，最后停留在初始色black；若animation-iteration-count>1，则每一次动画结束停留在blue，再从red开始运行，直到最后一次动画结束，停留在初始颜色black。

查看全部

1 采集收起来源：CSS3中设置动画时间外属性
2018-03-22
karasu丶

总结下，CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画; tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形; transition: property duration timing-function delay; animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;

查看全部

0 采集收起来源：CSS3中设置动画播放时间
2016-06-21
imjz

懵逼了

查看全部

3 采集收起来源：切换背景图像综合练习题
2016-06-21
karasu丶

a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置。 matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY());

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-06-21
karasu丶

translate和position：relative的区别：相同点：两者都是相对于本身移动位置区别： 1、当元素原来已经有position:absolute的时候，这时候你想相对于本身移动，可以使用translate 2、做动画的时候translate更适合，不会引起页面的重排和重绘 3、关于transform类的，可以使用GPU加速，提高浏览器的性能。总之：transform更适用于动画

查看全部

1 采集收起来源：CSS3中的变形--位移 translate()
2016-06-21
白空阳

box-sizig:content-box 默认值元素的宽高=元素自身高度+padding+border box-sizing:border-box 元素的高宽=盒子的宽高-padding-border

查看全部

0 采集收起来源：CSS3 盒子模型
2016-06-20
鱼左三水

media-queries.js(http://code.google.com/p/css3-mediaqueries-js/) respond.js(https://github.com/scottjehl/Respond) <!—[if lt IE9]> <scriptsrc=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js></script> <![endif]>

查看全部

0 采集收起来源：Responsive设计——meta标签
2018-03-22
白空阳

a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置。 transform: matrix(水平缩放，垂直扭曲，水平扭曲，垂直缩放，水平偏移，垂直偏移）

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-06-20
imiti

background-size

查看全部

0 采集收起来源：CSS3背景 background-size
2016-06-20
慕数据9010053

乌啦啦！

查看全部

0 采集收起来源：什么是CSS3？
2016-06-20
qq_桀寳星_03357075

<column-width> 主要用来定义多列中每列的宽度 <column-count> 主要用来定义多列中的列数

查看全部

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

参数格式： box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。

查看全部

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

matrix(a,b,c,d,e,f): matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY()) transform: matrix(水平缩放，垂直扭曲，水平扭曲，垂直缩放，水平偏移，垂直偏移） a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置。

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-06-19

首页上一页 494 495 496 497 498 499 500 下一页尾页

0/150

提交

取消

开始学习

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

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