利用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

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

老夫子电子 网络打鱼锁定玩家的ip 3d开奖结果今天试 福彩开奖号码查询今天 极速赛车168开奖 国内有正规的股票配资平台吗 山东11选5任三技巧 宝博棋牌官方 25选7奖池 捕鱼大亨破解版下载 贵阳捉鸡麻将必胜技 秒速赛车投注平台大全 赢在投资 幸运飞艇前五后五 体彩十一运夺金 吉林快3和值跨度 3d彩宝网开机号和