最赞回答 / hhxxttxsyf
.test_demo:hover { width:auto; }
:enabled {
border: 1px solid #f36;
box-shadow: 0 0 5px #f36;
}
border: 1px solid #f36;
box-shadow: 0 0 5px #f36;
}
2017-07-12
最新回答 / qq_冰蓝色血液_03825539
body部分???<body><div class="light"> <div class="stage"> <div class="image1">1</div><div class="image2">2</div></div> </div> </body>
2017-07-11
background-image:linear-gradient(315deg,red, orange,yellow,green,blue,indigo,violet);
2017-07-11
怎么说呢。。虽然要我们在CSS编辑器里直接输入 :not 但个人觉得在</head>上边加<style></style>里重新码一遍,比无脑地把?改为:not强一点点
2017-07-10
<style>
a[class^="col"]{
background:red;
color:#FFF;
}
a[href$="doc"]{
background:green;
color:#FFF;
}
a[title*="box"]{
background:blue;
color:#FFF;
}
</style>
加不加双引号都可行,挺好用的!
a[class^="col"]{
background:red;
color:#FFF;
}
a[href$="doc"]{
background:green;
color:#FFF;
}
a[title*="box"]{
background:blue;
color:#FFF;
}
</style>
加不加双引号都可行,挺好用的!
2017-07-10
.wrapper div,.wrapper span{
width:200px;
height:200px;
line-height:200px;
text-align:center;color:#fff;
}
.wrapper span{
display:block;
background: orange;
}
.wrapper div:hover span{
opacity:.5;
-webkit-transform:scale(0.8);
-moz-transform: scale(0.8);
transform:scale(0.8);
}
可以解决鼠标移动时闪烁问题~
width:200px;
height:200px;
line-height:200px;
text-align:center;color:#fff;
}
.wrapper span{
display:block;
background: orange;
}
.wrapper div:hover span{
opacity:.5;
-webkit-transform:scale(0.8);
-moz-transform: scale(0.8);
transform:scale(0.8);
}
可以解决鼠标移动时闪烁问题~
2017-07-08
赞最多的那个,光影关系明显错了好吧,看看我这个对比一下光影关系
.boxshadow-outset{
width:100px;
height:100px;
box-shadow:4px 4px 6px 1px #666,
-10px -10px 50px 10px #888 inset;
border-radius:50px;
}
.boxshadow-outset{
width:100px;
height:100px;
box-shadow:4px 4px 6px 1px #666,
-10px -10px 50px 10px #888 inset;
border-radius:50px;
}
2017-07-08