body{ background-color:#021E36; text-align: center; } .container{margin:500px auto;} .round{position: relative;top:100px;left:30px;width:150px;-webkit ...
分类：
Web程序 时间：
2017-11-29 19:50:46
阅读次数：
233
我们可以创建动画，它可以取代许多网页动画图像，Flash动画，和JAVAScripts。 什么是动画？ 动画是使元素从一种样式逐渐变化为另一种样式的效果。 您可以改变任意多的样式任意多的次数。 用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，等同于 0% 和 100%。 0% ...
分类：
Web程序 时间：
2017-11-20 21:42:25
阅读次数：
356
html css3 图片： 效果： 2017-09-15 18:33:34 ...
分类：
Web程序 时间：
2017-09-15 20:18:52
阅读次数：
616
.fill { object-fit: fill; } .contain { object-fit: contain; } .cover { object-fit: cover; } .none { object-fit: none; } .scale-down { object-fit: scal ...
分类：
Web程序 时间：
2017-06-03 11:24:05
阅读次数：
200
支持Chrome: 暂不支持浏览器：FF,IE... 希望后者努力 效果图： CSS: <style type="text/css"> @-webkit-keyframes testAnim { 0% {-webkit-filter: grayscale(0.5) blur(1px) saturat ...
分类：
Web程序 时间：
2017-05-25 20:42:41
阅读次数：
231
.fill { object-fit: fill; } .contain { object-fit: contain; } .cover { object-fit: cover; } .none { object-fit: none; } .scale-down { object-fit: scal ...
分类：
Web程序 时间：
2017-05-09 19:40:07
阅读次数：
212
@-moz-keyframes tada{ 0%{-moz-transform:scale(1);} 10%,20%{-moz-transform:scale(0.9) rotate(-3deg);} 30%,50%,70%,90%{-moz-transform:scale(1.2) rotate( ...
分类：
Web程序 时间：
2017-02-09 15:50:28
阅读次数：
1459
在开发一个网站的过程中各种翻页效果数不胜数，在这里我将介绍一下简单的一种方法就是使用css3的旋转即可实现这种常见的效果； 显示效果如下： 首先是页面的布局，不用那么复杂; a标签的href属性，一般指向一个URL地址，也可以调用javascript，如href="javascript:xxx(); ...
分类：
Web程序 时间：
2017-01-17 10:25:55
阅读次数：
284
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ background: lightblue; } div.box{ /*position: absolu ...
分类：
Web程序 时间：
2016-12-15 20:54:21
阅读次数：
339
3.3 CSS3图片边框属性 border-image效果在CSS2中，只有使用背景图片来制作，而且制作过程非常复杂，做完后也很难维护。如今CSS3中增添了一个图片边框的属性，能够模拟出background-image属性的功能，功能比background-image强大，我们可以使用border- ...
分类：
Web程序 时间：
2016-12-13 06:32:01
阅读次数：
246
