zhnf2000： 使用CSS3 @font-face实现个性化字体

在网页中，我们可以用CSS的font-family属性来定义字体，然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体。我们经常能看到国外的一些个人网站使用了非常漂亮的字体，而这些字体通常在用户的电脑中是没有安装的，所...

2015-06-11 21:06 来自版块 - 站长技能提升

pcpopo： 实现内容倾斜的 3D 幻灯片效果

今天给大家分享的优秀教程，实现一个内容倾斜的 3D 幻灯片效果。我们平常见到的都是那种水平或者垂直滚动的效果，这个倾斜的内容滑动效果相信会让你眼前一亮。因为使用了 CSS 3D 变换和 CSS 动画，所以支持现代浏览器。赶紧体验一下吧。 源码下...

2015-06-04 12:57 来自版块 - 站长技能提升

71598562： 利用 CSS3 的褪色和动画效果制作消息提醒框

CSS 盒子样式 现代Web设计技术允许开发者快速实现大多数浏览器支持的动画。我想警告消息是很常见的，因为默认的JavaScript警告框的样式往往（与你自己设计的漂亮样式）很不协调很囧。这使开发者步入找出哪种解决方案能更好地实现更友好的用户...

2015-04-29 21:58 来自版块 - 站长技能提升

yhj0316： 基于 Bootstrap CSS 框架的扁平化界面

Bootflat 是一个开源的扁平化的 UI 工具包，基于 Bootstrap 3.1.0 CSS 框架。它为 Web 开发人员提供了一个创建优雅的 Web 应用程序的更快，更容易和更少的重复任务的途径。 　　另外，Bootflat 还为设计师...

2015-04-01 20:12 来自版块 - 站长技能提升

啊钉： 四款不同的局部图片jq放大镜效果

　　 　　国外网站复制过来的一款jquery放大镜效果，分四种不同效果，放大镜镜头可大可小。 　　在IE 浏览器下，放大镜为方角效果，火狐等浏览器下放大镜则为圆形。效果非常炫。 [*]在线预览 [*]本地下载

2015-02-01 09:06 来自版块 - 站长技能提升

依晴颖儿： 摇摆摇摆！动感的 CSS 抖动效果

CSS Shake 是一套 CSS3 动画特效，让页面的 DOM 元素实现各种效果的抖动（Shake），这些效果可以轻松的被应用到按钮、LOGO 以及图片等元素。所有这些效果都是只需要单一的标签，加上特定的 class 即可。因为使用了 CSS3...

2015-01-07 12:35 来自版块 - 站长技能提升

智积木： 实用的 CSS3 参考手册和代码生成工具

　　 　　CSS3技术现在越来越成熟，通过CSS3的一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建的效果已经令前端开发者兴奋不已。使 用CSS3进行前端设计是未来的发展趋势。因此，如果你是一名前端设计师，就需要掌握这些最新的技...

2014-12-12 09:16 来自版块 - 站长技能提升

依依a： CSS QUIZ: 带边 BORDER 的三角形

CSS Quiz: 如何不用图片、兼容所有浏览器实现这样的界面？ 一、第一种方法 如 @zhiyelee 同学的方案所示，原理可以分解为： 利用 border 来实现2个三角形 将三角形叠在一起，实现一个类似的效果。 这是一种不错...

2014-06-26 11:36 来自版块 - 站长技能提升

zzyw2006： CSS3实战之新增的选择器

属性选择器新增选择器列表： 　　E：匹配foo属性值以"bar"开始的E元素 　　E：匹配foo属性值以"bar"结束的E元素 　　E：匹配foo属性值包含"bar"的E元素 　　这几个选择器很简单，其实在jQuery的选择器中早就包含了，所以就不多...

2014-06-22 15:09 来自版块 - 站长技能提升

1917511： Web开发者不容错过的10段CSS代码

Web开发技术每年都在革新，浏览器已逐渐支持CSS3特性，并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。 　　本文将分享10段非常专业的CSS2/CSS3代码供大家使用，你可以把它们保存在ID...

2014-01-29 17:13 来自版块 - 站长技能提升