CSS3 Flex 布局

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

WEB动画的几种实现方式

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

KUI for React.js

KUI for React.js
一枚前端 UI 组件库 for React.js <h1 align="center"> KUI for React </h1> <div align="center"> A high quality UI components Library with React.js </div> Docs ...阅读全文
64454次浏览1条评论8次感谢

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...阅读全文
1892次浏览4条评论0次感谢

CSS3 动画 animation

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

KUI for Vue.js

KUI for Vue.js
<p align="center"> <a href="https://k-ui.cn"> <img width="100" src="https://chuchur.com/kui/vue/logo.svg"> </a> </p> <h1 align...阅读全文
68178次浏览1条评论10次感谢