一、伸缩布局盒模型(弹性盒模型) css3引入一种新的布局模式——flexbox布局，即伸缩布局盒模型，用来提供一个更有效的方式制定、调整和分布一个容器里的子项目布局，即使他们的大小是未知或者动态的。 主要思想是让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳的方式填充可用空间（主要是 ...
分类：
移动开发 时间：
2020-02-29 22:37:15
阅读次数：
94
一、css3的过渡属性： 1，transition-property 检索或设置对象中的参与过渡的属性。 2，transition-duration 检索或设置对象过渡的时间。 3，transition-delay 检索或设置对象延迟过渡的时间。 4，transition-timing-functi ...
分类：
Web程序 时间：
2020-02-29 20:16:53
阅读次数：
76
今天小编将把大家带入移动端的世界里去，让大家了解CSS flex布局，下面小编要发车了。 一、flex布局中子项排列方式 如图：首先要定义（display:flex;）一个父容器是flex弹性模型才能进行我们的下一布操作，其中我们可以看到flex-direction定义了主轴的排列方式row(默认) ...
分类：
Web程序 时间：
2020-02-29 18:59:45
阅读次数：
194
css3动画 1：定义 css3动画是使元素从一种样式自动变化为另一种样式的效果。在这个过程中你可以使用任意多的样式和任意多的次数。使用时用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，from代表0% 是动画的开始，to代表100% 是动画的完成。为了动画看起来具有连贯性，一 ...
分类：
Web程序 时间：
2020-02-29 14:43:30
阅读次数：
71
伪类选择器一般会用在超链接a标签中，使用a标签的伪类选择器，我们一定要遵循"爱恨准则" LoVe HAte 1 /*没有被访问的a标签的样式*/ 2 .box ul li.item1 a:link{ 3 4 color: #666; 5 } 6 /*访问过后的a标签的样式*/ 7 .box ul l ...
分类：
其他好文 时间：
2020-02-29 13:05:33
阅读次数：
56
/*动画：s*/.animated { animation-duration: 1.5s !important; -webkit-animation-duration: 1.5s !important; animation-fill-mode: both !important; -webkit-an ...
分类：
Web程序 时间：
2020-02-29 10:19:35
阅读次数：
102
为什么要用flex 基于css3简单方便，更优雅的实现，浏览器兼容性好，传统的css实现一个div居中布局要写一堆代码，而现在几行代码就搞定了，没有理由不用flex。 兼容性： Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, An ...
分类：
其他好文 时间：
2020-02-28 12:17:36
阅读次数：
72
html部分： <div class="mode"> <p class="hu"></p> <p class="z" id="z"></p> <p class="center"></p></div> css部分： //可以采用@keyframes结合animation 或者直接js控制c3 动态控制 ...
分类：
Web程序 时间：
2020-02-27 17:32:54
阅读次数：
98
本文主要内容： 过渡：transition 2D 转换 transform 3D 转换 transform 动画：animation 过渡：transition transition的中文含义是过渡。过渡是CSS3中具有颠覆性的一个特征，可以实现元素不同状态间的平滑过渡（补间动画），经常用来制作动画 ...
分类：
Web程序 时间：
2020-02-27 00:32:00
阅读次数：
115
动效设计一直都是最近几年前端开发的热门趋势之一。动画是Web和UI设计的主要内容。一个完全静止的网站，即使是使用了微妙的悬停状态，也可能感觉不一样。如果缺少动画，就像缺少必要的东西一样。幸运的是，有很多方法可以为你的网站添加动画。如果你仔细找找的话，会发现许多有趣的用来构建UI动效的工具，而这些工具也正在成为越来越多设计项目中不可或缺的催化剂。WebGL，JavaScript甚至HTML5都支持或
分类：
Web程序 时间：
2020-02-26 16:44:49
阅读次数：
82
