afdsa56： 你真的理解z-index吗？

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 假如只是开发简单的弹窗效果，懂得通过z-index来调整元素间的层叠关系就够了。但要将多个弹窗间层叠关系给处理好，那么充分理解z-index背后的原理及兼容性问题就是必要的知识...

2015-05-25 05:45 来自版块 - 站长技能提升

fylb： 简单做出HTML5翻页效果文字特效

之前在网上看到一款比较有新意的HTML5文字特效，文字效果是当鼠标滑过是出现翻开折叠的效果，类似书本翻页。于是我兴致勃勃的点开源码看了一下，发现其实实现也挺简单的，主要利用了CSS3的transform属性，分别对X轴、Y轴、Z轴进行翻转，先看一下...

2015-05-22 22:24 来自版块 - 站长技能提升

garyhi： css3鼠标滑过动画

本实例共有五个鼠标滑过的动画效果，但其实原理都是差不多。第一个是多加了一个空白的标签，来显示那个遮罩的三角形；第二，三，四都是对却是用border来生成的遮罩，至于第五个效果就比较复杂，不过原理都是一样的，实际应用也不需要那么复杂。所以只需把前面四个...

2015-05-11 01:01 来自版块 - 站长技能提升

tongtiiejun： CSS制作面包屑

面包屑是Web中常见的一个元件，今天@逆天使用上原始的CSS配合一定的标签制作了一款兼容多浏览器的面包屑案例，感兴趣的可以看看。 HTML CODE [*]面包屑一 [*]面包屑二 [*]面包屑二 CSS CODE ...

2015-04-04 08:37 来自版块 - 站长技能提升

han7777_7： CSS3+jQuery制作灯箱画廊

在线演示 在本教程中，我们将创建一个真棒图像画廊，利用最新的CSS3和jQuery技术。该脚本将能够扫描Web服务器上的一个文件夹中的图像，并围绕它建立一个完整的拖放lighbox的画廊。这将是搜索引擎友好，甚至兼容IE6浏览器。使用...

2015-02-09 10:04 来自版块 - 站长技能提升

天皇教父： 大前端 D8 主题导航栏置顶满屏显示

D8_4.0 已经可以设置固定导航栏显示在屏幕顶端了，但是那一栏不完整的黑条让人看了更不顺眼。笔者在这里介绍下轻松修下使其宽度自适应屏幕宽度。 大家可到这里下载《D8主题单双栏定制版wordpress模板》进行测试修改 （1）将站点主题的 styl...

2015-02-04 08:32 来自版块 - WordPress教程

田莉610： CSS3实现简单的动画图片说明效果

CSS3实现简单的动画图片说明效果 .container{ height:200px;width:400px; background:#000; overflow:hidden; position:relative; } ...

2014-07-30 01:03 来自版块 - 站长技能提升

1107896： 简单做出HTML5翻页效果文字特效

之前在网上看到一款比较有新意的HTML5文字特效，文字效果是当鼠标滑过是出现翻开折叠的效果，类似书本翻页。于是我兴致勃勃的点开源码看了一下，发现其实实现也挺简单的，主要利用了CSS3的transform属性，分别对X轴、Y轴、Z轴进行翻转，先看一下...

2014-07-07 01:53 来自版块 - 站长技能提升

9865310： 使用CSS3设计漂亮的动画效果3D大按钮

本文将介绍如何使用最简单的CSS3代码来生成一个拥有点击效果的3D按钮 HTML代码 首先定义一个3D按钮的HTML，如下： [*]极客标签 复制代码 CSS代码 定义按钮相关的CSS，如下： [*]定义按钮动画过渡属性 ...

2014-06-27 14:01 来自版块 - 站长技能提升

jzj1016： 纯css3 transforms 3D文字翻开翻转3D开放式效果

在本教程中，将基于CSS3创建的一个实现一个有趣的3D开放式效果。教程的目的是展示我们如何能带来一些生活上使用CSS3 。 在线预览 立即下载AnimatedOpeningType.zip html: [*] [*] [*]C [*...

2014-03-29 19:33 来自版块 - 站长技能提升