forwards表示在动画结束后依然保持动画最后一帧的样式,backwards表示不管我以前怎么样只有动画一开始我就变出成画第一帧的样式,both则是动画开始变成第一帧样式,结束保留最后一帧样式,both则是老老实实的完成动画的指令初始和结束样式一模一样。
宝宝心里苦,宝宝不哭,祝宋喆不育,儿孙满堂!!!!!!!!!!!!!!!!
宝宝心里苦,宝宝不哭,祝宋喆不育,儿孙满堂!!!!!!!!!!!!!!!!
2016-08-16
a[class^=col]{
background-color:red;
}
a[href$=doc]{
background-color:green;
}
a[title*=box]{
background-color:blue;
} 内容讲的很清晰
background-color:red;
}
a[href$=doc]{
background-color:green;
}
a[title*=box]{
background-color:blue;
} 内容讲的很清晰
2016-08-16
.boxshadow-outset{
width:100px;
height:100px;
border-radius:50px;
box-shadow:-4px 18px 6px #666,10px -10px 50px 21px #090 inset
width:100px;
height:100px;
border-radius:50px;
box-shadow:-4px 18px 6px #666,10px -10px 50px 21px #090 inset
2016-08-16
/*使用伪元素制作导航列表项分隔线*/
.nav li{ background: #f65f57 no-repeat linear-gradient(to right, #dd2926,#a82724);
background-position:right;
background-size:1px 15px;
} 这样理解好一点
last-chid这个伪元素貌似没学到
.nav li{ background: #f65f57 no-repeat linear-gradient(to right, #dd2926,#a82724);
background-position:right;
background-size:1px 15px;
} 这样理解好一点
last-chid这个伪元素貌似没学到
2016-08-16
text-shadow: 2px 2px 20px red,-2px -2px 20px white;加逗号可以设置多个阴影
2016-08-16
任务5: ul li a:hover:after可以实现
※※※target此属性解释一下:w3c官方说:可用于选取当前活动的目标元素。
也有一种解释适合本题制作:target有四个参数:参数值主要有:_blank、_parent、_self、_top,(分别代表什么可以自行查询,不多做解释)
如果target的值为_parent,如果说只有一个框架,那么就是相当于在整个浏览器界面打开一个新网页,如果框架嵌套的,那么就在级别比较高的框架中打开。(它制作选项卡很厉害哦~~)
最后一个任务:img:not(:target):可以理解为:选择所有的但不包括:target选择器的元素
※※※target此属性解释一下:w3c官方说:可用于选取当前活动的目标元素。
也有一种解释适合本题制作:target有四个参数:参数值主要有:_blank、_parent、_self、_top,(分别代表什么可以自行查询,不多做解释)
如果target的值为_parent,如果说只有一个框架,那么就是相当于在整个浏览器界面打开一个新网页,如果框架嵌套的,那么就在级别比较高的框架中打开。(它制作选项卡很厉害哦~~)
最后一个任务:img:not(:target):可以理解为:选择所有的但不包括:target选择器的元素
2016-08-15
超级bug : .item .information 的 backgr:rgba少了个a
.itemimg 中间少了空格 .item img
.itemimg 中间少了空格 .item img
2016-08-15