CSS3实现动态翻牌效果 仿百度贴吧3D翻牌一次动画特效(翻牌动画效果怎么做)这样也行?

随心笔谈2年前发布 编辑
180 0
🌐 经济型:买域名、轻量云服务器、用途:游戏 网站等 《腾讯云》特点:特价机便宜 适合初学者用 点我优惠购买
🚀 拓展型:买域名、轻量云服务器、用途:游戏 网站等 《阿里云》特点:中档服务器便宜 域名备案事多 点我优惠购买
🛡️ 稳定型:买域名、轻量云服务器、用途:游戏 网站等 《西部数码》 特点:比上两家略贵但是稳定性超好事也少 点我优惠购买


<!doctype html>
<html>
<head>
<meta charset=”gb2312″>
<title>百度帖吧 CSS3 翻牌效果</title>
<link rel=”stylesheet” type=”text/css” href=”https://www.jb51.net/article/style/reset.css”>
<link rel=”stylesheet” type=”text/css” href=”https://www.jb51.net/article/style/tieba.brand.css”>
</head>

<body>
<h1>百度帖吧 CSS3 翻牌效果</h1>
<h2>powered by <a href=”http://blog.wangjunfeng.com” target=”_blank”>射雕天龙的博客</a></h2>
<div id=”content”>
<ul>
<li>
<a href=”http://blog.wangjunfeng.com” target=”_blank”>
<div><img alt=”” src=”https://www.jb51.net/article/images/1.jpg”/></div>
<div>
<h3>漩涡鸣人</h3>
<p>日本漫画家岸本齐史作品《火影忍者》中男主角。因为身上封印着邪恶的九尾妖狐,无父无母的他受尽了村人的冷眼与歧视,他下定决心要成为第六代火影,让所有人都认同他的存在。</p>
</div>
</a>
</li>
<li>
<a href=”http://blog.wangjunfeng.com” target=”_blank”>
<div>
<img alt=”” src=”https://www.jb51.net/article/images/2.jpg”/>
</div>
<div>
<h3>日向雏田</h3>
<p>日本漫画家岸本齐史作品《火影忍者》中的3号女主角。木叶忍者村的女忍者,木叶名门日向一族宗家族长的长女。喜欢漩涡鸣人,原本是个性格柔弱的女孩,但是在鸣人的影响下逐渐变得坚强,并逐渐成长为一名优秀的忍者。</p>
</div>
</a>
</li>
<li>
<a href=”http://blog.wangjunfeng.com” target=”_blank”>
<div><img alt=”” src=”https://www.jb51.net/article/images/3.jpg”/></div>
<div>
<h3>蒙奇·D·路飞</h3>
<p>蒙奇·D·路飞 是日本人气动漫 《海贼王》中的主人公。是日本人气动漫 《海贼王》中的主人公。草帽海贼团船长,梦想是找到传说中的宝藏 —— ONE PIECE,成为海贼王。</p>
</div>
</a>
</li>
<li>
<a href=”http://blog.wangjunfeng.com” target=”_blank”>
<div>
<img alt=”” src=”https://www.jb51.net/article/images/4.jpg”/>
</div>
<div>
<h3>盒子先生</h3>
<p>Danbo是一只用废纸盒DIY出来的可爱玩偶,圆圆的眼睛和三角形的嘴巴,时刻露出无辜的表情,让人看到就心软,Danbo是个纯真善良的小家伙,在它单纯的幻想世界里,总是透露出最纯真可爱的动人气息。</p>
</div>
</a>
</li>
</ul>
</div>
</body>
</html>

© 版权声明

相关文章