/*map */div.location { width: 300px; height: 200px; border: 1px #f45 solid; background: #000; margin: 10px auto 0; }div.location-indicator { position....
分类:
Web程序 时间:
2014-09-02 00:11:43
阅读次数:
245
最近热衷于前端的开发,因为突然发现虽然对于网站、应用来说,功能处于绝对重要的地位,但是用户体验对于用户来讲同样是那么的重要,可以说是第一印象。最近在开发当中发现以前对于css中的position的理解有些偏颇,在这里分享一下这几天的学习。首先总体介绍一下接下来要分析的position属性的两个值:a...
分类:
Web程序 时间:
2014-09-01 20:56:43
阅读次数:
264
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}...
分类:
Web程序 时间:
2014-09-01 19:29:53
阅读次数:
496
今天为大家介绍一个非常炫酷的超链接特效。在你做一些前端的网页时可以在里面去用上这些前卫时尚的效果。这些超链接特性,大都是借助伪元素、svg、HTML5动画来实现的。效果都很漂亮,不信看下面。用你的鼠标悬停在这些链接上,你就能体验和传统链接完全不一样的感觉。当然最重要的一点:你需要使用现代浏览器才能有...
分类:
Web程序 时间:
2014-09-01 17:15:53
阅读次数:
435
回头想想,移动端的web页面代码编写远没有我想的那样复杂(可能是我做的这个项目比较简单的缘故)。但是就入门来说,其实是蛮简单的,我把他总结为一下几个方面:特殊的meta标签/百分百比布局宽度/rem设置字体大小/css3的使用。好吧,让我们开始吧,以下是移动web新手的浅见,老鸟请绕行,如有赐教不胜...
分类:
移动开发 时间:
2014-09-01 15:25:03
阅读次数:
548
-webkit-animation:仍旧是一个复合属性,-webkit-animation: name duration timing-function delay iteration_count direction;包括以下几个属性(1) -webkit-animation-name 这个属性的....
分类:
Web程序 时间:
2014-09-01 15:23:33
阅读次数:
366
这是一个精致的立体图片切换效果,特别适合企业产品展示,可立即用于实际项目中。支持导航和自动播放功能, 基于 CSS3 实现,推荐使用最新的 Chrome,Firefox 和 Safari 浏览器浏览效果。
分类:
其他好文 时间:
2014-09-01 10:41:12
阅读次数:
220
************◆Margin属性:适合对象:所有元素是否继承:no百分比备注:相对于BOX的宽度2D Transform 方法实例div{transform: rotate(30deg);-ms-transform: rotate(30deg); /* IE 9 */-webkit-tr....
分类:
Web程序 时间:
2014-09-01 00:26:02
阅读次数:
249
今天为大家带来的是jquery和css3实现的不错的导航菜单。点击列表图表后,内容页面向内移动显示菜单项。当单击关闭菜单按钮时,菜单项隐藏,内容页恢复原位。看下图在线预览源码下载我们看下实现代码:html代码: ...
分类:
Web程序 时间:
2014-08-31 17:02:41
阅读次数:
198
/*help*/.help{ position: relative; width: 130px; height: 130px; border: 6px #fff solid; border-radius: 50%; -webkit-animation: rotation 1s ease-in...
分类:
Web程序 时间:
2014-08-31 15:48:01
阅读次数:
520