animation-fill-mode : none初始状态、动画第一帧、动画最后一帧、初始状 循环一次 在加了delay:1s之后 1s内会呈现初始样式效果不会立即变化
forwards 初始状态、动画第一帧、动画最后一帧;1s会在动画结束之后保持最后一帧的样式效果;
backwords原背景是黑第一帧是红,开始延迟时间5s 那么前5s都会显示红色 动画第一帧、动画最后一帧、初始状态 在加了1s后 在1s内会呈现第一帧的效果
both动画第一帧、动画最后一帧;加了1s后会在1s内呈现第一帧的样式效果,并且在动画结束后显示最后一帧的效果
forwards 初始状态、动画第一帧、动画最后一帧;1s会在动画结束之后保持最后一帧的样式效果;
backwords原背景是黑第一帧是红,开始延迟时间5s 那么前5s都会显示红色 动画第一帧、动画最后一帧、初始状态 在加了1s后 在1s内会呈现第一帧的效果
both动画第一帧、动画最后一帧;加了1s后会在1s内呈现第一帧的样式效果,并且在动画结束后显示最后一帧的效果
2017-04-24
<style>
div:not([id="footer"]){
background: green;
}
</style>(不得不点评一下你们。他让你去④,你真能去4。做人要有自己的头脑,虽然你们现在学它们的,但希望你们比他们更出色,更优秀。包括我也一样。不知道你们怎么想的,只是学而学吗?
)
div:not([id="footer"]){
background: green;
}
</style>(不得不点评一下你们。他让你去④,你真能去4。做人要有自己的头脑,虽然你们现在学它们的,但希望你们比他们更出色,更优秀。包括我也一样。不知道你们怎么想的,只是学而学吗?
)
2017-04-24
跟着我的步伐走,网站架构师的日子不远。 山下的朋友,你们好!
<head>
<style>
:root {
background:red;
}
</style>
</head>
<head>
<style>
:root {
background:red;
}
</style>
</head>
2017-04-24
a[class^="col"]{
background:red;
color:#fff;
}
a[href$="doc"]{
background:green;
color:#fff;
}
a[title*="box"]{
background:blue;
color:#fff;
}
background:red;
color:#fff;
}
a[href$="doc"]{
background:green;
color:#fff;
}
a[title*="box"]{
background:blue;
color:#fff;
}
2017-04-24
.boxshadow-outset{
width:100px;
height:100px;
box-shadow:4px 4px 6px yellow,-4px -4px 6px red inset, 4px 4px 6px black inset,-4px -4px 6px blue;
}
width:100px;
height:100px;
box-shadow:4px 4px 6px yellow,-4px -4px 6px red inset, 4px 4px 6px black inset,-4px -4px 6px blue;
}
2017-04-24
第三部(评论限制字数原因分开写了,而且我这个只是简单粗暴,互喷)
.box3{
width: 400px;
height:200px;
background-color: red;
border-radius:0 0 200px 200px;
clear: both;
}
.box3{
width: 400px;
height:200px;
background-color: red;
border-radius:0 0 200px 200px;
clear: both;
}
2017-04-24