摘要：直接上代码给大家： style页面： ** 处理浏览器默认值*/*,*::before,*::after{ padding: 0px; margin: 0px; box-sizing: border-box;}/* 设置背景颜色*/body{ background: linear-gradient( 阅读全文

摘要：话不多说直接上代码看效果： <style> * { padding: 0; margin: 0; } html, body { width: 100%; height: 100%; overflow: hidden; background-color: rgb(0,0,0); } .eat-wrap 阅读全文

摘要：css3 的渐变分为线性渐变和径向渐变： <style> * { margin: 0; padding: 0; font-size: 0.16rem; } //线性渐变： #jb { width: 500px; height: 200px; /*线性渐变*/ background-image: li 阅读全文

摘要：通常我们在项目中或多或者的会遇到这样的动画效果，让一个元素转起来。 直接看代码： 如下 /* turn : 定义的动画名称 3s : 动画时间 linear : 动画以何种运行轨迹完成一个周期 infinite :规定动画应该无限次播放 */ <style> .box{ width:200px; h 阅读全文

摘要：介绍： css3 的Flex弹性盒的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向（从左到右或从上到下排列），并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器（flex container）来辅助实现。 Flexbox可以简单快速的创建一个具有弹 阅读全文

摘要：在 CSS3 出现之前，动画都是通过 JavaScript 动态的改变元素的样式属性来完成了， 这种方式虽然能够实现动画，但是在性能上存在一些问题。 CSS3 的出现，让动画变得更加容易，性能也更加好。 CSS3 中有三个关于动画的样式属性 ：transform、transition和animati 阅读全文

摘要：style: .loding { width: 100%; height: 100%; } .bg{ width: 100%; height: 100%; margin: 0; overflow: hidden; background: #000； position: relative; z-ind 阅读全文