分类：大小：更新时间：2017-02-01

原文：How to Create Direction-Aware CSS-Only Hover Effects 译者：小影 概述 几个关于带方向感应的纯 CSS 悬停效果教程。 要求 这些教程面向有基础 HTML 知识和熟练 CSS/SASS 高级用法的人。 声明 这些效果在旧的浏览器中无效 - 你需要一个可以渲染

分类：大小：更新时间：2016-03-29

丢个链接闪人=。=http://c7sky.com/works/css3slides/

分类：大小：更新时间：2015-05-04

Fontmin 是由百度 FEF 推出的一个字体子集化方案。借助 Fontmin，开发者可以轻松实现中文字体的子集化，并利用 @font-face 将自定义字体呈现到网页中，提升网页文字体验。 See the Pen Fontmin Example by Firede (@firede) on CodePen.

分类：大小：更新时间：2015-01-23

悄悄地，GIF 格式的进度条已经越来越少，CSS 进度条如雨后春笋般涌现。今天要介绍的这个 CSS3 进度条，效果和 Flyme OS 4 上的加载动画一样。 首先，来看下最终的效果： See the Pen Flyme OS4 Style Loading Spinner by Cople (@cople) on

分类：大小：更新时间：2014-04-10

许多设计师在设计网页的时候并不在意什么是网页安全字体(Web Safe Fonts)，美观了页面，却苦恼了开发者。好在 Google Web Fonts 为开发者提供了上百款的字体，但有时候选择太多也是一件麻烦事…… 你知道 Google Web Fonts 中最接近 Century Gothic 的字体是哪款吗？

分类：大小：更新时间：2014-03-22

Web Fonts 是伴随着 CSS3 的 @font-face 一起火起来的技术。使用 @font-face 你可以在网页上使用任何字体，而不需要考虑用户的电脑上有没有这个字体。如果你经常上一淘网，有没有发现它的网站 LOGO 就是用 Web Font 实现的？ 在这篇文章中，我将把小影志的 LOGO 变为 Web

分类：大小：更新时间：2013-08-18

介绍 Flexbox(伸缩布局盒) 是 CSS3 中一个新的布局模式，为了现代网络中更为复杂的网页需求而设计。本文将介绍 Flexbox 语法的技术细节。浏览器的支持越来越快，所以当 Flexbox 被广泛支持并应用时你将会快人一步。如果你想知道它是什么并是如何工作的，不妨仔细了解下吧！

分类：大小：更新时间：2012-04-21

下载(~1.84MB)：HTML5介绍PPT