下载的源码问题找到了,前4张图片的class设置少了一个空格。
下载源码,找到最下面的5张图片把class改一下,就可以完美运行了,5个class分别是:
class="bg slideLeft" class="bg slideBottom" class="bg zoomIn" class="bg zoomOut" class="bg rotate"
效果的确很牛逼,看完最终效果你会回来赞我的。
下载源码,找到最下面的5张图片把class改一下,就可以完美运行了,5个class分别是:
class="bg slideLeft" class="bg slideBottom" class="bg zoomIn" class="bg zoomOut" class="bg rotate"
效果的确很牛逼,看完最终效果你会回来赞我的。
2017-09-27
最赞回答 / 爱上慕婉清6262634
column-width 设置的宽度是最小宽度 假设div宽度是900,设置的column-width是200,若此时未指定column-count,则按照每列200宽度开始将div铺满,但是我们会发现4列后剩下宽度不够200了,这个时候进行内容自适应,即column-count为4,将900宽度均分为4列,每列宽度会大于200。假设div宽度是900,设置的column-width是200,此时指定column-count为3,则按照column-count,将900宽度均分为3列,每列宽度会大于20...
2017-09-26
试试这个,点个赞
.boxshadow-outset{
width:100px;
height:100px;
box-shadow:4px 4px 6px 1px red,
10px 10px 50px 10px blue inset;
border-radius:50px;
}
.boxshadow-outset{
width:100px;
height:100px;
box-shadow:4px 4px 6px 1px red,
10px 10px 50px 10px blue inset;
border-radius:50px;
}
2017-09-26
已采纳回答 / 爱上慕婉清6262634
.slideLeft 是html部分定义的类名-webkit-animation-name: slideLeft;这是 下面那个定义的动画名字,都是可以随意改变的,重点是下面里面的参数(left),定义的初始位置(0% { left: -100%; })和结束位置( 100% { left: 0%; })@-webkit-keyframes 'slideLeft' { 0% { left: -100%; } 100% { left: 0%; } ...
2017-09-25
text-shadow与box-shadow
的描述有共同之处,一起记忆比较方便,显示的效果更加完美:
.demo {
width: 340px;
padding: 30px;
font: bold 55px/100% "微软雅黑";
background: #C5DFF8;
text-shadow: 2px 2px 0 red;
box-shadow:2px 2px 2px #666;
</style>
的描述有共同之处,一起记忆比较方便,显示的效果更加完美:
.demo {
width: 340px;
padding: 30px;
font: bold 55px/100% "微软雅黑";
background: #C5DFF8;
text-shadow: 2px 2px 0 red;
box-shadow:2px 2px 2px #666;
</style>
2017-09-23
<div>
<P></P>
<span></span>
<span></span>
</div>
span:nth-child(2) 匹配的是span父元素(div)下的第二个子元素,也就是第一个span元素
span:nth-of-type(2) 匹配的是span父元素(div)下的第二个span元素,也就是第2个span元素
<P></P>
<span></span>
<span></span>
</div>
span:nth-child(2) 匹配的是span父元素(div)下的第二个子元素,也就是第一个span元素
span:nth-of-type(2) 匹配的是span父元素(div)下的第二个span元素,也就是第2个span元素
2017-09-22
div:not([id="footer"]){
background: orange;
}
background: orange;
}
2017-09-22
a[class^="column"]{
background: red;
}
a[href$="doc"]{
background: green;
}
a[title*="box"]{
background: blue;
}
background: red;
}
a[href$="doc"]{
background: green;
}
a[title*="box"]{
background: blue;
}
2017-09-22