利用CSS3實現按鈕懸停上下展開特效



10 36 13



特效描述:利用CSS3實現 按鈕懸停 上下展開特效,利用CSS3實現按鈕懸停上下展開特效

代碼結構

1. HTML代碼

<div class="bt-box">
	<a href="#" class="xiaoA bg-1">前端學習交流群</a>
	<p class="top bt-box-p">前端技術交流學習</p>
	<p class="bottom bt-box-p">QQ群:123456789</p>
</div>
<div class="bt-box">
	<a href="#" class="xiaoA bg-2">前端學習交流群</a>
	<p class="top bt-box-p">前端技術交流學習</p>
	<p class="bottom bt-box-p">QQ群:123456789</p>
</div>
<div class="bt-box">
	<a href="#" class="xiaoA bg-3">前端學習交流群</a>
	<p class="top bt-box-p">前端技術交流學習</p>
	<p class="bottom bt-box-p">QQ群:123456789</p>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 收縮展開 展開收縮 收縮 展開 文字收縮展開 文字收縮 文字展開
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子 金蟾捕鱼手机版单机 306福彩中奖 31选7开奖11185 炒股漫画 彩票168安卓免费下载 彩票大赢家25选5 完整比分比分直播 诈金花游戏破解版 地下城勇士手游什么时候出 北京赛车开奖记录 坎巴拉如何赚钱 快乐12选5投注技巧 现在干餐饮赚钱 福建31选7开奖走势图与预测 一定牛彩票群 双色球兑奖规则