05 2018 档案

No.5 - 纯 CSS 制作绕中轴旋转的立方体
摘要：划重点 ①给多个元素absolute形成重叠 ②transform: rotateY(180deg) translateZ(200px);和transform: translateZ(200px) rotateY(180deg); 先后的不同，有巨大区别！ 先在中点进行旋转，随后分别向各自变化后的Z 阅读全文
posted @ 2018-05-31 22:49 天才老王1993 阅读(387) 评论(0) 推荐(0)
No.4 - 3D 空间的卡片翻转动效
摘要：参考 ①张鑫旭http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/ ②CODEPEN优秀 圣诞老人https://codepen.io/Alireza29675/pe 阅读全文
posted @ 2018-05-30 17:22 天才老王1993 阅读(278) 评论(0) 推荐(0)
【原创】纯CSS画黄金梅丽号！
摘要：代码如下 鬼畜梅利号用纯css完成，主要有以下几个点： 一.布局 ①position:relative/absolute; ②display:flex; ③overflow: hidden; 二.特殊形状 ①border-radius 学到一个如何画 半圆边框 再结合一下transform等效果！ 阅读全文
posted @ 2018-05-29 19:04 天才老王1993 阅读(663) 评论(0) 推荐(0)
No.3 - CSS transition 和 CSS transform 配合制作动画
摘要：课程概述 作业提交截止时间：09-01 任务目的 深度理解掌握 transition-timing-function 以及它的意义 学会配合使用 CSS transform 和CSS transition 制作流畅动画 使用 CSS 伪元素触发过渡效果 合理的使用 CSS 布局 任务描述 在我们提供 阅读全文
posted @ 2018-05-26 14:36 天才老王1993 阅读(786) 评论(0) 推荐(0)
No.1 - 制作一个简单的菜单动画效果---百度IFE
摘要：最近比较闲，在家做点训练 http://ife.baidu.com/course/detail/id/18?t=1527144851578#learn CSS3新特性，兼容性，兼容方法总结 https://www.cnblogs.com/jesse131/p/5441199.html 课程概述 作业 阅读全文
posted @ 2018-05-24 15:39 天才老王1993 阅读(386) 评论(0) 推荐(0)
【译文】CSS技术：如何正确的塑造button样式！
摘要：英文原文地址 https://fvsch.com/code/styling-buttons/ Styling buttons, the right way！ 在本教程中我们将学习完成<a>和<button>的基本样式并进行css自定义 一 <button>样式重造 潜规则里，我们99%的点击事件都是 阅读全文
posted @ 2018-05-21 16:04 天才老王1993 阅读(4895) 评论(0) 推荐(1)