效果体验:http://keleyi.com/keleyi/phtml/css3/14.htm以下是代码: 1 2 3 4 5 CSS3鼠标悬停显示动画边框-柯乐义 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 请使用支持HTML5的浏览...
分类:
Web程序 时间:
2014-12-25 12:41:21
阅读次数:
177
1、img元素 img{max-width: 100%; height: auto;}2、背景图片通过修改背景图片宽度高度达到适应显示。使用到css3的background-size,只支持IE9以上版本及现代浏览器。background-size: percentage | length | c....
分类:
其他好文 时间:
2014-12-25 00:03:08
阅读次数:
177
.spinner { width: 400px; height: 400px; background-color: #0cf; border-radius: 100%; -webkit-animation: scaleout 1.0s infinite ease-in-out;} @-...
分类:
Web程序 时间:
2014-12-24 17:59:05
阅读次数:
198
.ball {background-color: rgba(0,0,0,0);border: 5px solid rgba(0,183,229,0.9);opacity: .9;border-top: 5px solid rgba(0,0,0,0);border-left: 5px solid rg...
分类:
Web程序 时间:
2014-12-24 17:47:24
阅读次数:
187
在如今都追求用户体验的时代,Ajax应用真的是无所不在。加上这些年浏览器技术、HTML5以及CSS3等的发展,越来越多的富Web应用出现;在给与我们良好体验的同时,Web开发人员在背后需要处理越来越多的异步回调逻辑。笔者对最近读完的《Async Javascript-Build More Respo...
分类:
编程语言 时间:
2014-12-24 16:01:07
阅读次数:
169
html:
亲,请竖屏观看本屏内容,谢谢^_^
css:
/* 判断手机横竖屏 */
@media screen and (orientation:portrait) {
/* css[竖向定义样式] */
#cover1{display: none;width: 100%;height: 100%;backg...
分类:
移动开发 时间:
2014-12-24 13:33:21
阅读次数:
321
早上没事干,感觉字体阴影的效果还是好看的,那么就来一个小demo吧!1、这是html 简单的有一个标签或者盒子都可以我爱考试2、css样式,用css3编写样式,感觉还不错。.demo11 { border: 1px dashed #f2b; height: 150px; wid...
分类:
其他好文 时间:
2014-12-24 09:49:46
阅读次数:
128
css3的使用已经分布在各种网站上,其用途对于前端开发人员来说有很大的帮助,比如之前的圆角矩形,需要使用背景图片来完成,现在只需使用border-radius:5px;便可以做出圆角边框的效果,今天来记录下css3一些常用的属性。盒子属性:边框圆角:radius,边框阴影:box-shadow边框:...
分类:
Web程序 时间:
2014-12-23 15:31:55
阅读次数:
164