CSS3 Flex 布局

CSS3 Flex 布局
兼容性 2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局 标1 仅支持旧的flexbox规范,不支持包装。 标2 仅支持2012语法 标3 不支持flex-wrap,flex-flow或align-content属性 标4 部分支持是由于存在大量错误(参见已知问题) 概念 Flex 是 Flexible Box 的缩写,意为"弹...阅读全文
245次浏览0条评论3次感谢

Vue transition动画

官网API: https://cn.vuejs.org/v2/guide/transitions.html 官方的demo点击显示与消失 <div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition ...阅读全文
312次浏览0条评论5次感谢

WEB动画的几种实现方式

WEB动画的几种实现方式
WEB 的动画实现多种多样,随着H5 的发展,实现动画的方式越来越多了。初步统计实现动画的方式有以下一些方式实现 一、GIF动画 通常咱们社交聊天的一些动态表情,大多都是gif动画。 GIF(Graphics Interchange Format)的原义是“图像互换格式”,GIF文件的数据,是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50%左右,它不属于任何应用程序。GIF...阅读全文
1796次浏览0条评论0次感谢

KUI for React

KUI for React
一枚前端UI 组件库 for React 在追求完美视觉体验的同时也保证了其性能高效。 欢迎使用 、批评、指正、吐槽、Star 特性 漂亮的UI,可定制主题 兼容IE9+ 组件丰富,功能强大 更新日志 logs:https://react.k-ui.cn/#/log 文档 Docs : https://react.k-ui.cn Github: https://gitee.com/chuchur...阅读全文
3850次浏览1条评论7次感谢

CSS3 渐变 gradient

CSS3 渐变 gradient
初次接触css3 渐变是在很早以前了,觉得这个东西很有意思哈,跟玩PS似的,可以做出很多华丽的东西 浏览器支持情况 IE FF Chrome Safari Opera iOS Android Android Chrome 6-9(no) 2-3.5(no) 4-9(部分-webkit-) 3.1-3.2(no) - 3.2-4.3(部分) 2.1-3.0(-webkit-) 10-2...阅读全文
1229次浏览1条评论0次感谢

CSS3 动画 animation

CSS3 动画 animation
复习下css3 的动画, 都快不会写了,那会儿挺喜欢flash的,可惜了时代在前进。写这里就当是文档看吧 浏览器支持 Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性。 Safari 和 Chrome 支持替代的 -webkit-animation 属性。 注释:Internet Explorer 9 以及更早的版本不支持 animatio...阅读全文
1015次浏览0条评论0次感谢