摘要：
利用了2d特效 <title>扑克翻转</title> <style type="text/css"> .box{ width: 300px; height: 600px; margin: 50px auto; } .box img{ position: absolute; width: 300px 阅读全文
摘要：
before和after分别是向选择器之前之后插入内容，必须配合content属性使用， 我们使用before和after去设置一些样式就是content里的内容样式 <title>before和after</title> div::before{ content: '你好'; color: red 阅读全文
摘要：
这个心制作稍微有点难度，关键旋转后的对照 <style type="text/css"> .heart{ width: 200px; height: 180px; position: relative; animation: heartAnimation 2s infinite; } .heart: 阅读全文
摘要：
利用的是边框切圆 <style> .box { width: 80px; height: 60px; margin: 200px; padding: 80px 150px; position: relative; } .box div { width: 80px; height: 80px; bor 阅读全文
摘要：
需要一张如下要求的图片（背景为透明色） <title>跑步动画</title> <style type="text/css"> .box{ width: 360px; height: 360px; position: relative; margin: 100px auto; } .person{ 阅读全文
摘要：
<style type="text/css"> .demo{ animation-name: demoAnimation; 定义关键帧动画的名称 名称为我们使用@keyframes定义的动画 animation-duration: 2s;动画持续时间 animation-delay: 2s;设置动画 阅读全文
摘要：
使用首先设置一下 link 标签 方式一： 在animate网上管理geihub，将源代码下载下来，将animate.css放入目录 <link rel="stylesheet" href="animate.css"> 方式二： <link href="http://cdn.bootcss.com/ 阅读全文
摘要：
box-sizing: content-box; 标准盒子模型， 宽高=content的宽高 box-sizing: border-box; 怪异盒子模型（IE盒子模型），宽高=border+padding+content box-sizing: padding-box; 火狐盒子，宽高=paddi 阅读全文
摘要：
作为一名html5初学者，觉得这样整天粘代码并不是好的学习方法，需要优化改进，从今天开始，开始总结关键字，加注释 改掉之前总是粘代码的坏习惯 给div设置弹性布局，在div中加上display：flex； 然后在子元素上总的设置属性，或者在单独的子元素上单独设置属性 .box{ display: f 阅读全文