css kkw学习css的过程第9天3D的初次接触 首先想要实现3D的效果。那么需要设置一个属性ttranform3d: 第一个旋转: 当设置了transform-style: preserve-3D的时候,代表此时应用的3d场景了。 当设置使用transform-style: flat的时候,使用的是2d的转换效果。 所以,当给X设置旋转45度的时候感觉元素有点轻微的向后,宽度不变。但是高度会变低 当设置Y旋转45的时候…
css 聊聊苹果营销页中几个有趣的交互动画 前言 前两天在浏览 苹果 16寸 营销页面 的时候,发现了几个比较有意思的交互,心里想着自己虽然是一个穷逼,但是知识是无界限的呀,于是便研究了一波。 文章主要讲交互效果,所以文中会有很多 gif 图,大家最好连上无线再看,示例代码链接我放在了文章底部,有需要自取。 两个效果 翻盖效果 一个是屏幕慢慢打开的效果…
css css基础知识对规则的补充 1) 字体规则(可以被继承) {代码…} 2) 网络字体(字体图标库)iconfont(阿里的图标库) {代码…} 3) 文本相关规则(可以被继承) {代码…} 4) 列表相关(ul,ol) {代码…} 5) 盒子相关 {代码…} 6) 背景相关 {代码…}
css 从北京近期沙尘过程看环境气象预报技术支撑体系的发展 5月11日,内蒙古中部、华北大部先后出现了大风沙尘天气,11日午后,北京的天空呈现浅棕色,呼吸中夹着泥土的气息,傍晚时分,沙尘更是混合着雨滴降落在北京,北京市民都惊呼下“泥雨”了。15日,京津冀及周边地区再次受到来自蒙古国沙尘侵袭,频频的沙尘侵扰使大气环境急剧恶化。 对于这次沙尘天气过程,亚洲沙尘暴预报区…
css 敲完代码的感觉 最近刚开始学网页前端(Web Front End), 好多人可能都有这种感觉,一看就会,一做就废.那是什么原因呢??每次帮别人解答其实也会有很多收获的,不会的就得多问. 那么问也是有技巧的, 你上来直接问这块代码该怎么写????(execuse me??)别人给你打出来,然后你复制粘贴. 那最后你学到了什么?更加熟练的用ctrl+c, ctrl+v吗?这也是…
css kkw学习css的过程第8天2D转换的旋转与倾斜理解 一开我甚至以为,倾斜与旋转的差不多的,样子甚至没多大的区别。然后果断的被打脸。 上面是X方向倾斜30deg,Y轴的方向为0deg。我们看到是,容器没有超过线条。