html+css制作扑克牌小胡桃展开特教

基于html+css制做的两个小特效，第一次写CSS的博文，感觉写的还是不怎么细致，不明白的可以下方评论区留言，一起学术交流，正所谓，闻道有先后，术业有专攻。学而不思则罔，思而不学则殆。

上次英雄联盟自动轮播图页面效果视频已通过审核

传送门

一、扑克牌展开特效

• 一、扑克牌展开效果图
• 二、页面背景设置
• 三、 放置图片的容器
• 3.1扑克牌展开特效视频
• 四、小胡桃旋转展开特效
• 4.1小胡桃效果图
• 4.2小胡桃旋转特效核心代码：

---

一、扑克牌展开效果图

二、页面背景设置

/清除网页默认间距/

*{
   margin:0;
   padding:0;
}

设置背景图片宽度，高度，方便操作给背景一个颜色（blue）

 .wrap{
 width:310px;
 height:438px;
/*background-color:skyblue;*/