CodePen - 卡片悬停效果
CodePen - 卡片悬停效果
<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>CodePen - 卡片悬停效果</title> <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans&display=swap" rel="stylesheet"><link rel="stylesheet" href="./style.css"> </head> <body> <!-- partial:index.partial.html --> <div> <h2><strong>所有游戏<span>( 4 )</span></strong></h2> <div> <figure> <img src="https://mrreiha.keybase.pub/codepen/hover-fx/1.jpg" /> <figcaption>刀塔 2</figcaption> </figure> <figure> <img src="https://mrreiha.keybase.pub/codepen/hover-fx/2.jpg" /> <figcaption>坚持战斗</figcaption> </figure> <figure> <img src="https://mrreiha.keybase.pub/codepen/hover-fx/3.jpg" /> <figcaption>奴才大师</figcaption> </figure> <figure> <img src="https://mrreiha.keybase.pub/codepen/hover-fx/4.jpg" /> <figcaption>科塞博兹!</figcaption> </figure> </div> <h2><strong>什么是新的?</strong></h2> <div> <figure> <img src="https://mrreiha.keybase.pub/codepen/hover-fx/news1.jpg" /> <figcaption> <h3>新物品</h3> <p> 在今天的更新中，两个头比一个头好，三个头比那个好，因为食人魔法师的全新植绒心的赌博奥秘物品将隆重亮相。 </p> </figcaption> </figure> <figure> <img src="https://mrreiha.keybase.pub/codepen/hover-fx/news2.png" /> <figcaption> <h3>更新</h3> <p> 正好赶上农历新年和老鼠的时间在循环的地方的荣誉，无拘无束的庄严的财富现在是可用的。 </p> </figcaption> </figure> </div> </div> <!-- partial --> </body> </html>
卡片悬停效果完整下载
https://pan.baidu.com/s/1vxFxRuZrNh7ReGIjZ7EdFw
提取码
本帖含有隐藏内容，请您 回复 后查看
最新回复 (0)
暂无回复，快来抢沙发吧
