CSS卡片样式

00:00
加载中……请稍等……

  • 七月在七月份中摸了一个月的鱼。

啊 大佬忽视 我就是来水文的

夏天果然还是待在家里舒服,外面忽冷忽热,果然还是空调和饮料适合我这种家里蹲。

然后在这个炎热的夏天GodTeam又开始行动起来,我这种渣渣当然只负责捣鼓最简单的模板了。然后我发现我好像爱上了卡片样式。

你看我的渣渣导航就知道 全卡片风格。
sun
然后我又看到了一个卡片不错 记录在博客这里
card
卡片阴影和动画吸引了我,记录一下代码(顺便看看我的Mac代码风)

.card{cursor:pointer;margin-top:10px;width: 180px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);text-align: center;transition: all 0.25s;}
.card:hover{margin-top:0px;box-shadow: 5px 8px 5px #778899;}
.body{padding: 5px;}
.card img{width: 100%;padding: 20px;}

上面css样式可以自己改成喜欢的 顺便附上html网页可以下载自己查看

Last modification:August 19th, 2019 at 12:01 pm
如果觉得我的文章对你有用,请随意赞赏

Leave a Comment