CSS3 Flex 布局

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

WEB动画的几种实现方式

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

KUI for React

KUI for React
一枚前端 UI 组件库 for React 基于 VUE 2.x 开发,漂亮的 UI,可定制主题 ,组件丰富,兼容 IE9。 欢迎使用 、批评、指正、吐槽、Star 特性 漂亮的 UI,可定制主题 兼容 IE9+ 组件丰富 兼容 IE9 更新日志 logs:https://react.k-ui.cn/#/log 文档 Docs : https://react.k-ui.cn Github: ht...阅读全文
4109次浏览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-) 1...阅读全文
1419次浏览4条评论0次感谢

CSS3 动画 animation

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