最近做了不少好看的引導(dǎo)卡片,我就是這樣一個(gè)熱愛(ài)觀察熱愛(ài)美的一個(gè)人,最近在一款wordpress插件中發(fā)現(xiàn)了一個(gè)不錯(cuò)的設(shè)計(jì),就想把他獨(dú)立出來(lái),試了下,太復(fù)雜了,還不如重寫,但最近我也太忙了,斷斷續(xù)續(xù)的,今天才寫完。這次的wordpress區(qū)塊就給大家?guī)?lái)這款低調(diào)的雙按鈕引導(dǎo)卡片。
這款雙按鈕引導(dǎo)卡片采用響應(yīng)式布局,在300像素以上的屏幕都能有良好的效果展現(xiàn)。

這個(gè)“已安裝”按鈕還有個(gè)hover特效,鼠標(biāo)移動(dòng)上去,灰色的字就會(huì)變亮。
因?yàn)椴煌恼鹃L(zhǎng)內(nèi)容也不同,就不寫移動(dòng)端的兼容了,會(huì)一點(diǎn)代碼的站長(zhǎng)可以自己寫一下,不會(huì)代碼的可以填充點(diǎn)文字,把他撐起來(lái)。
如果你也喜歡這樣簡(jiǎn)單有趣的卡片,那么你還可以看看這個(gè)wordpress美化教程:
看看