css
rememberyf
越努力越幸运
展开
-
animate动画、原生JS实现轮播图
写在前面最近在写项目的时候,才发现自己对css3这部分的内容已经生疏了,复习css3的时候,看到animate属性,就用其写了个焦点轮播图,当然自己也用原生JS码了个,当然css3动画无疑是锦上添花,还是要多总结啊,源码我们会在最后附上git地址,好了,下面我们就来说说他们是如何分别实现轮播效果的。正文一、css3-animate动画CSS3的animation属性可以像Flash...原创 2018-06-09 16:16:41 · 8358 阅读 · 0 评论 -
弹性布局--display:flex
今天我们来讲一下css3新特性,它可以简单、完整、响应式的完成所有页面的布局,且目前已经得到了所有浏览器的支持,Flex为Flexible Box的缩写,翻译过来也就是我们的弹性盒子,为盒状模型提供了最大的灵活性,且任何一个容器都可以指定为Flex布局。弹性布局的整体架构弹性盒子默认有两条轴:横轴和纵轴,默认的主轴是横轴(方向自左向右),默认的辅轴是纵轴(方向自上向下),当容器设置了d...原创 2018-07-24 10:16:30 · 279 阅读 · 0 评论 -
css3-animation实现动画的逐帧检测
写在前面 最近在面试的时候被面试官问到“如何使用css3 animation 来实现一个动画的逐帧检测”,自己支支吾吾的回答了下, 下来之后赶紧查了下API文档,以及翻阅了一些博客后,对其有了如下的整理。 关于animation的一写属性值,我们可以在w3c、 菜鸟教程上面自行查...原创 2019-04-20 15:39:27 · 732 阅读 · 0 评论