.dropdown-menu{animation:1s linear imooc;}
@keyframes imooc{
0%{opacity:0;transform:rotateY(0);}
100%{opacity:1;transform:rotateY(-20px);}
}
可以給你的下拉菜單添加動畫效果,慕友們,讓我們一起進(jìn)步,謝謝支持
@keyframes imooc{
0%{opacity:0;transform:rotateY(0);}
100%{opacity:1;transform:rotateY(-20px);}
}
可以給你的下拉菜單添加動畫效果,慕友們,讓我們一起進(jìn)步,謝謝支持
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
下一站,js,jquery,不然第八章最后的沒法懂。
哇,這節(jié)講的我是真的難受,說都不說清楚。上下兩個(gè)樣式不一樣,第一個(gè)導(dǎo)航條沒對齊,是<li>里面套<a class = "navbar-text"></a>的鍋,"navbar-text"和 li>a 的樣式可能有沖突。
解決方法:去掉<li>標(biāo)簽,或者去掉<a>標(biāo)簽里面的"navbar-text"類,其實(shí)這個(gè)類我感覺也用不到
解決方法:去掉<li>標(biāo)簽,或者去掉<a>標(biāo)簽里面的"navbar-text"類,其實(shí)這個(gè)類我感覺也用不到
2018-01-31
<script>
$(function(){
$('.btn-primary').on('click',function(){
$('#themodal').modal('toggle');
});
});
</script>
$(function(){
$('.btn-primary').on('click',function(){
$('#themodal').modal('toggle');
});
});
</script>
<ol>
<li>有序列表一</li>
<li>有序列表二</li>
<ol class="list-unstyled">
<li>有序二級項(xiàng)目列表一</li>
<li>有序二級項(xiàng)目列表二</li>
<ul>
<li>無序三級項(xiàng)目列表一</li>
<li>無序三級項(xiàng)目列表二</li>
<ol class="list-unstyled">
<li>有序四級項(xiàng)目列表一</li>
<li>有序四級項(xiàng)目列表二</li>
</ol>
<li>無序三級項(xiàng)目列表三</li>
</ul>
<li>有序二級項(xiàng)目列表三</li>
</ol>
<li>有序列表三</li>
</ol>
<li>有序列表一</li>
<li>有序列表二</li>
<ol class="list-unstyled">
<li>有序二級項(xiàng)目列表一</li>
<li>有序二級項(xiàng)目列表二</li>
<ul>
<li>無序三級項(xiàng)目列表一</li>
<li>無序三級項(xiàng)目列表二</li>
<ol class="list-unstyled">
<li>有序四級項(xiàng)目列表一</li>
<li>有序四級項(xiàng)目列表二</li>
</ol>
<li>無序三級項(xiàng)目列表三</li>
</ul>
<li>有序二級項(xiàng)目列表三</li>
</ol>
<li>有序列表三</li>
</ol>
2018-01-29