background-origin:从父边界/从父边界内边界/从内容边界
若设置no-repeat,图片将从父边界为起点,平铺
若设置no-repeat,图片将从父边界为起点,平铺
2018-02-12
将.div中的动画效果去掉,颜色改成purple(紫色),在.div:hover中把动画加上,delay设为3s,duration弄短点5s。none:purple->3s后->red->...->blue->purple。forwards:purple->3s后->red->...->blue。backwards:red->3s后->green->...->blue->purple。both:red->3s后->green->...->blue。
2018-02-11
skew的旋转对应的x,y轴应该与我们理解的数学坐标不一样,横轴是y,竖轴是x,可以写个skew(30deg)看看,以左上角为原点看就很明显看出竖轴由原来的垂直向下变成往右倾斜30度
2018-02-11
前端代码真死板;一个效果要三个属性配合
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
2018-02-11
background: radial-gradient(red 5%, yellow 25%, #1E90FF 50%);
径向渐变不可以设置方向 但是可以设置透明度
径向渐变不可以设置方向 但是可以设置透明度
2018-02-08
flex布局在移动端效果特别好。
有没有人加下github啊https://github.com/jiangxin0816...一个人好无聊。。=_=
有没有人加下github啊https://github.com/jiangxin0816...一个人好无聊。。=_=
2018-02-08
text-shadow:x-offset y-offset blur color
属性值分别表示 阴影的水平偏移距离 阴影的垂直偏移距离 阴影的模糊程度 记得加单位 阴影的颜色
属性值分别表示 阴影的水平偏移距离 阴影的垂直偏移距离 阴影的模糊程度 记得加单位 阴影的颜色
2018-02-08
-webkit-transform: skew(315deg);
-moz-transform: skew(315deg);
transform:skew(315deg);
-moz-transform: skew(315deg);
transform:skew(315deg);
2018-02-07
已采纳回答 / 慕侠4705823
.nav a:hover{ display: inline-block; -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg); transform:rotate(10deg);}我试了一下,这样也是可以实现动画效果的,就是说transition只是对于动画的过程进行设置,如果不设置就按默认的动画效果来,...
2018-02-02