摘要：
渐进增强（progressive enhancement）：（向上兼容） 1.针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 （从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能，向页面添加无害于基础浏览 阅读全文
posted @ 2018-04-18 16:37
澎湃_L
阅读(167)
评论(0)
推荐(0)
摘要：
效果图如下： 阅读全文
posted @ 2018-04-18 16:27
澎湃_L
阅读(379)
评论(0)
推荐(0)
摘要：
一、文字阴影 text-shadow text-shadow: h-shadow v-shadow blur color; 一、文字阴影 text-shadow text-shadow: h-shadow v-shadow blur color; 文字阴影：水平位置，垂直位置，模糊距离，阴影的颜色。 阅读全文
posted @ 2018-04-18 16:22
澎湃_L
阅读(337)
评论(0)
推荐(0)
摘要：
布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。 它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 css3 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Fl 阅读全文
posted @ 2018-04-18 15:52
澎湃_L
阅读(190)
评论(0)
推荐(0)
摘要：
思路：利用两个长方形(比例是2:3 | 3:2)可以合成心形，然后利用动画，缩放大小实现心跳（纯代码），效果如下： 当然也有其他的方法制作心形，比如：两个圆 + 正方形，可以看另外一篇园友的文章：心跳 CSS 阅读全文
posted @ 2018-04-18 12:17
澎湃_L
阅读(1586)
评论(0)
推荐(0)
摘要：
animation 属性是一个简写属性，用于设置六个动画属性： 1.animation-name 规定需要绑定到选择器的 keyframe 名称。 2.animation-duration 规定完成动画所花费的时间，以秒或毫秒计。 3.animation-timing-function 规定动画的速 阅读全文
posted @ 2018-04-18 12:07
澎湃_L
阅读(236)
评论(0)
推荐(0)
摘要：
一. translate(x,y) 或者translateX(x)或者translateY(y) 注意点：translateX(x)和translateY(y)大写X和Y；只写一个值，默认y=0。 一个作用：使定位的盒子居中对齐，代替原来的方法——嵌套的定位盒子如何居中？ 二、scale(x,y)或 阅读全文
posted @ 2018-04-18 09:59
澎湃_L
阅读(15150)
评论(0)
推荐(0)
浙公网安备 33010602011771号