随笔分类 - CSS3
样式设置
摘要：在CSS中，我们使用 ::first-line 选择器来给元素第一行内容应用样式。但目前还没有像 ::nth-line、::nth-last-line 甚至 ::last-line 这样的选择器。实际上这期选择器在某些情况下是非常有用的，Lining.js 提供了这样的功能。
阅读全文
摘要：tiltShift.js 是一款很棒的 jQuery 插件，使用 CSS3 图片滤镜来实现照片的移轴镜头效果。使用非常简单，使用 data 属性配置参数。可以自定义对焦点的位置、模糊半径、焦点的区域大小以及方向。
阅读全文
摘要：今天我们要为您展示如何创建一些简单又不失时尚的图片说明悬停效果。我们的想法应用悬停效果来显示图片对应的标题，作者和链接按钮。对于一些的效果，我们将使用3D变换。这样做的目的是保持奇妙的效果，并为许多不同的变化提供了灵感。
阅读全文
摘要：这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件。它们中，有的可以帮助你在页面滚动的时候添加动感的元素动画，有的则是实现目前非常流行的全屏页面切换动画。相信借助这些插件，你也可以让网站变得高大上起来。
阅读全文
摘要：这是一个基于 CSS3 动画实现的图片过渡效果，共有 Flip、Rotation、Multi-flip、Cube、Unfold 等6种效果，它们将证明 CSS3 Transform 和 Transition 属性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择。
阅读全文
摘要：Web 界面上交互的方式很多，只要你去探索，你会发现很多让你眼前一亮的想法。Codrops 最近发布了一组悬停效果，总共分为两组，多达30种不同的风格。为了让效果尽可能的平滑，最好不要在元素上使用变换以免影响布局。在第二组中采用了 SVG 动画，这也是目前比较流行的方式。
阅读全文
摘要：《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来，历经三年半，总共发布了30期。今天这篇是2014年第10期（总第31期），希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用。
阅读全文
摘要：如果你想快速制作出一个优秀的网站，网站模板一定是必不可少的。网页设计师和开发人员也可以从网站模板入手，学习先进的布局方式和编码风格。下面这个列表为大家挑选了15款免费的 HTML5/CSS3 响应式网页模板，相信会有你需要的。
阅读全文
摘要：Schema 是一个模块化的，响应式的前端框架，方便，快捷地帮助您迅速启动你的 Web 项目。Schema 配备完整的创建多个视图的能力。从桌面显示器到移动设备，它的12列网格提供强大的灵活性。Schema 借助了强大的 LESS，这使得代码结构干净简洁，超级容易维护。
阅读全文
摘要：网络有很很多的 CSS 工具和教程可用，它可以帮助设计人员和开发人员轻松、快速地学习 CSS 技术。这些工具中在高效开发 Web 应用程序中发挥重要作用。在这篇文章中，我们收集了40个最好的 CSS 工具用于加速网站开发，如创建 CSS 菜单，动画，三维模型，响应式页面，动画按钮等等。
阅读全文
摘要：如果能把 CSS 运用好，我们创作出好的交互和效果的可能性大大增加。这篇文章中，我想与大家分享一组结合 jQuery & CSS 制作的充满金属质感的选择框效果，绝对是超级精美的效果。
阅读全文
摘要：最近给大家分享 CSS3 效果比较多，都是充分运用了 CSS3 来实现的。通过 CSS3 的新特性，我们创作出好的交互和效果的可能性大大增加。这篇文章中，我想与大家分享使用 CSS3 过渡特性实现的信封效果的联系表单。
阅读全文
摘要：在这篇文章中，我们为大家推荐12个创建响应式布局的优秀网格框架。如果网页设计和开人员采用了正确的工具集，并基于一个灵活的网格架构，以及能够把响应图像应用到到设计之中，那么创建一个具备响应式的网站并不一定是一项艰巨的任务。enjoy!
阅读全文
摘要：通过 CSS3 的新特性，我们创作出好的交互和效果的可能性大大增加。这篇文章中，我想与大家分享一些 CSS3 动画按钮效果。我们的想法是创建一个具有不同风格的一些动画链接元素，鼠标悬停时有动画效果和活动状态。
阅读全文
摘要：作为最重要的导航展示形式之一，面包屑导航能够让用户更清楚的知道他们所在页面的层次结构，让他们可以方便的导航到上一层页面。在本教程中，您将学习如何使用 CSS3 技术创建自己的面包屑导航效果。
阅读全文
摘要：CSS3 里引入的伪元素让 Web 开发人员能够在不需要额外添加 HTML 标签的情况下制作出复杂的视觉效果。例如，:before 和 :after 这个两个 CSS3 伪元素就可以帮助你实现很多有趣的效果。本教程将告诉你如何使用 CSS3 为元素创建一组漂亮的图片堆叠效果。
阅读全文
摘要：
这里是精选的12个很炫的 CSS3 效果。CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写复杂的 JavaScript 代码才能实现的效果，如今只需要简单的写几句 CSS3 代码就能实现。
阅读全文
这里是精选的12个很炫的 CSS3 效果。CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写复杂的 JavaScript 代码才能实现的效果，如今只需要简单的写几句 CSS3 代码就能实现。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第9期（总第30期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：Arctext.js 是基于 Lettering.js 的文本旋转插件，根据设置的旋转半径准确计算每个字母的旋转弧度并均匀分布。虽然 CSS3 也能够实现字符旋转效果，但是要让安排每个字母都沿着弯曲路径排布相当的复杂，结合 Arctext.js 则可以轻松实现这个效果。
阅读全文
摘要：HTML5 和 CSS3 网站模板存在巨大的需求，网页设计师们都喜欢现成的网站模板，能够轻松地设计和开发美观，吸引眼球的网站。如果你正在寻找响应式的 HTML5 & CSS3 模板，那么你找对地方了，这里罗列了30套免费的响应式 HTML5 & CSS3 模板，可以免费下载。
阅读全文