有无数的理由要求我们在任何时候都应该知道用户是使用的什么设备浏览我们的网站——宽屏,普通屏,平板,手机?知道这些特征,我们web应用的CSS和JavaScript才能同步做相应的操作。在给Mozilla Developer Networks改版设计...
-
gjjxvr: 使用CSS媒体查询和JavaScript判断浏览器类型
2015-09-01 15:33 来自版块 - 站长技能提升
-
garyhi: css3鼠标滑过动画
本实例共有五个鼠标滑过的动画效果,但其实原理都是差不多。第一个是多加了一个空白的标签,来显示那个遮罩的三角形;第二,三,四都是对却是用border来生成的遮罩,至于第五个效果就比较复杂,不过原理都是一样的,实际应用也不需要那么复杂。所以只需把前面四个...2015-05-11 01:01 来自版块 - 站长技能提升
-
小瞎瞎: css3对话框设计
对话框气泡,总能在一些设计中给人一种清晰的感觉,在这里我们用css3技术来设计了几种对话框。 在第一个案例中,主要使用:before&:after创建两个三角形,一个和背景色一样,一个和边框色一样;在第二个案例中主要使用:before和rotat...2015-04-28 16:32 来自版块 - 站长技能提升
-
bf109: WordPress3.0无限级分类下拉菜单制作方法
帮朋友做个小导航时用到了下拉菜单,话说WordPress3.0以上版本的”wp_nav_menu()”真是好用,加上主题自定义菜单的设置简直可以说是完美的网站导航。 涉及到下拉菜单制作的方法最核心的还是鼠标移动到上面的处理。下面是调用wp_nav_m...2015-02-17 07:18 来自版块 - WordPress教程
-
han7777_7: CSS3+jQuery制作灯箱画廊
在线演示 在本教程中,我们将创建一个真棒图像画廊,利用最新的CSS3和jQuery技术。该脚本将能够扫描Web服务器上的一个文件夹中的图像,并围绕它建立一个完整的拖放lighbox的画廊。这将是搜索引擎友好,甚至兼容IE6浏览器。使用...2015-02-09 10:04 来自版块 - 站长技能提升
-
wyl756615585: 你真的理解z-index吗?
一、前言 假如只是开发简单的弹窗效果,懂得通过z-index来调整元素间的层叠关系就够了。但要将多个弹窗间层叠关系给处理好,那么充分理解z-index背后的原理及兼容性问题就是必要的知...2014-11-04 02:22 来自版块 - 站长技能提升
-
navyzhj: 由纯CSS打造的Android机器人
android的logo是一个有几个简单图形组成的机器人。本文的主要内容就是用纯CSS3技术和较少的HTML代码完成这个logo的绘制。 需要支持CSS3技术的浏览器来查看效果(ie9,火狐,谷歌或者opera都可)。 [*] [*] ...2014-08-01 04:25 来自版块 - 站长技能提升
-
田莉610: CSS3实现简单的动画图片说明效果
CSS3实现简单的动画图片说明效果 .container{ height:200px;width:400px; background:#000; overflow:hidden; position:relative; } ...2014-07-30 01:03 来自版块 - 站长技能提升
-
yibangj: css3对话框设计
对话框气泡,总能在一些设计中给人一种清晰的感觉,在这里我们用css3技术来设计了几种对话框。 在第一个案例中,主要使用:before&:after创建两个三角形,一个和背景色一样,一个和边框色一样;在第二个案例中主要使用:before和rotat...2014-07-07 20:33 来自版块 - 站长技能提升
-
e恩: 纯css3 transforms 3D文字翻开翻转3D开放式效果
在本教程中,将基于CSS3创建的一个实现一个有趣的3D开放式效果。教程的目的是展示我们如何能带来一些生活上使用CSS3 。 在线预览 立即下载AnimatedOpeningType.zip html: [*] [*] [...2014-02-10 02:24 来自版块 - 站长技能提升