更新记录
2022-12-03:发布卡片教程
- 在旧版方案基础上对动画实现方式和多边形切割方式做了改动，现在这版更加顺滑。
- 移除旧版手机端快门特效。
- 按照贰猹原设实现手机端卡片样式。将手机端卡片样式扩展，支持双栏布局。
- 提供自选方案，读者可以根据需要，选择两种样式。
- 样式一：电脑端宽屏采用滑动卡片，平板宽度采用双栏布局，手机宽度采用单栏卡片。
- 样式二：移除滑动卡片，按屏幕宽度依次应用三栏、双栏、单栏。
点击查看参考教程
参考方向 | 教程原贴 |
|---|---|
本帖的卡片原设为贰猹提供 | 贰猹の小窝 |
Flex布局参数解释 | Flex 布局教程:语法篇 - 阮一峰的网络日志 |
Transition属性实现平滑过渡动画 | CSS3实现伪类hover离开时平滑过渡效果示例 |
使用clip-path实现多边形剪裁。 | 不可思议的CSS之clip-path |
参考渐变遮罩层的实现方式 | MDN-WEB-DOCS |
店长的碎碎念
嗨，哆摩，这里是Akilar嘚嘶。
呀，说起来我真的是很久很久没有更新了啊，最近几个月有点低气压，没啥干劲，就想着这个季度干完就离职转行。博客也是炒冷饭，巴特福来都更新了好几版了，我还懒得维护旧版教程。因为jerry太流氓了嘛，总是冷不丁的连文件名称都改了。要维护的话就要连着改上30几篇，想想就是稍微动动脑筋就能猜到的事情，我觉得聪明的读者肯定是会自己思考出来的。所以，摆烂啦。旧版不去维护了。
然后贰猹就不干了啊，今年四月份我就说要按照新思路写个首页卡片了，然后一直拖一直拖，一直拖一直拖，咕咕咕可耻但是很爽。
咕着咕着就出事情了。最近加群回答突然就出现了anzhiy.cn的答案。鱼鱼算是冰糖红茶的铁粉了，而且他学的很快也有教学热情，然后他就把他的心得和教程录成视频。
然后捏，加群回答就变成anzhiy.cn了。
怨念超大啊喂，以前我给冰老师售后的时候，加群回答全是zfe.space，现在鱼鱼给我售后的时候，加群回答全部是anzhiy.cn。明明是三个人的电影，我却始终不能，留姓名
