慕设计6098324
2017-07-16 22:11
我擦,我之前用了 ul li 包裹了input 和a ,现在就没法操作了,因为.st-scroll必须为input的同级或者同级的子元素?气死了。。。
<ul>
<li>
<input type="radio" name="radio-set" checked="checked" id="st-control-1">
<a href="#st-panel-1">Serendipity</a>
</li>
然后
#st-control-2:checked .st-scroll {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
这个就失效了
#st-control-2:checked ~ .st-scroll { transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
css3实现网页平滑过渡效果
54371 学习 · 372 问题
相似问题