.dropdown-menu{animation:1s linear imooc;}
@keyframes imooc{
0%{opacity:0;transform:rotateY(0);}
100%{opacity:1;transform:rotateY(-20px);}
}
可以给你的下拉菜单添加动画效果,慕友们,让我们一起进步,谢谢支持
@keyframes imooc{
0%{opacity:0;transform:rotateY(0);}
100%{opacity:1;transform:rotateY(-20px);}
}
可以给你的下拉菜单添加动画效果,慕友们,让我们一起进步,谢谢支持
2018-02-13
亲爱的慕友们,可以再给你的下拉菜单添加动画效果,效果会更好些:
//给下拉菜单添加动画效果
.dropdown-menu{animation:1s linear imooc;}
//控制动画范围
@keyframes imooc{
0%{opacity:0;transform:rotateY(0);}
100%{opacity:1;transform:rotateY(-20px);}
}
//给下拉菜单添加动画效果
.dropdown-menu{animation:1s linear imooc;}
//控制动画范围
@keyframes imooc{
0%{opacity:0;transform:rotateY(0);}
100%{opacity:1;transform:rotateY(-20px);}
}
2018-02-13
哇,这节讲的我是真的难受,说都不说清楚。上下两个样式不一样,第一个导航条没对齐,是<li>里面套<a class = "navbar-text"></a>的锅,"navbar-text"和 li>a 的样式可能有冲突。
解决方法:去掉<li>标签,或者去掉<a>标签里面的"navbar-text"类,其实这个类我感觉也用不到
解决方法:去掉<li>标签,或者去掉<a>标签里面的"navbar-text"类,其实这个类我感觉也用不到
2018-01-31
<script>
$(function(){
$('.btn-primary').on('click',function(){
$('#themodal').modal('toggle');
});
});
</script>
$(function(){
$('.btn-primary').on('click',function(){
$('#themodal').modal('toggle');
});
});
</script>
2018-01-31
<ol>
<li>有序列表一</li>
<li>有序列表二</li>
<ol class="list-unstyled">
<li>有序二级项目列表一</li>
<li>有序二级项目列表二</li>
<ul>
<li>无序三级项目列表一</li>
<li>无序三级项目列表二</li>
<ol class="list-unstyled">
<li>有序四级项目列表一</li>
<li>有序四级项目列表二</li>
</ol>
<li>无序三级项目列表三</li>
</ul>
<li>有序二级项目列表三</li>
</ol>
<li>有序列表三</li>
</ol>
<li>有序列表一</li>
<li>有序列表二</li>
<ol class="list-unstyled">
<li>有序二级项目列表一</li>
<li>有序二级项目列表二</li>
<ul>
<li>无序三级项目列表一</li>
<li>无序三级项目列表二</li>
<ol class="list-unstyled">
<li>有序四级项目列表一</li>
<li>有序四级项目列表二</li>
</ol>
<li>无序三级项目列表三</li>
</ul>
<li>有序二级项目列表三</li>
</ol>
<li>有序列表三</li>
</ol>
2018-01-29