随笔分类 - CSS3
样式设置
摘要：作为一个前沿的 Web 开发者，对于 HTML5 和 CSS3 技术或多或少都有掌握。前几年这些新技术刚萌芽的时候，开发者们已经使用它们来小试牛刀了，如今这些先进技术已经遍地开发，特别是在移动端大显身手。这篇文章挑选了8个前沿的 HTML5 & CSS3 效果，记得收藏哦：）
阅读全文
摘要：在当今世界，有许多前端开发的框架。那么，为什么还要再造一个框架呢？Concise 建立的目的是使你有很多的开箱即用的选项，让你能够方便的搭建移动友好的网站和 Web 应用程序。另外还包括一个简单的网格系统，开发人员可以使用该框架来推动自己的创作。
阅读全文
摘要：今天，我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站。在此集合中，你可以看到平面设计，网页设计，作品集和企业网站设计实例。响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案。 HTML5 & CSS3 制作出来的网站结构良好，有很多惊人的效果，并能够在任何设备上浏览。
阅读全文
摘要：大家可能见过各种各样的时钟效果，比如多年前非常流行的 Flash 制作的各种新奇的动画时钟，现在的 Web 开发者们又开始应用 CSS3 和 Canvas 等最新技术来实现。而今天这里要分享的这款漂亮的多彩时钟效果大家不一定见过，赶紧来看看。
阅读全文
摘要：
在工作中，我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多，但是一时半会又想不起来在哪，所以养成只是整理的习惯是很有必要的。这篇文章收集了10个在网站开发中很有用的 CSS3 效果，记得收藏。
阅读全文
在工作中，我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多，但是一时半会又想不起来在哪，所以养成只是整理的习惯是很有必要的。这篇文章收集了10个在网站开发中很有用的 CSS3 效果，记得收藏。
阅读全文
摘要：响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案。 HTML5 & CSS3 制作出来的网站结构良好，有很多惊人的效果，并能够在任何设备上浏览。今天，我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站。在此集合中，你可以看到平面设计，网页设计，作品集和企业网站设计实例。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第7期（总第28期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：今天，我们想向您展示如何创建平铺背景图像的幻灯片效果。其灵感来自于国外的一个工作室网站（围观），这个网站充满了各种有趣和创意效果，一定记得去看看。这个幻灯片效果是由四个区域的独立移动构成，通过画面分割，同时显示出新的图片。这里需要组合使用 CSS3 的3D转换、过渡和动画功能。
阅读全文
摘要：视差滚动（Parallax Scrolling）已经被广泛应用于网页设计中，这种技术能够让原本平面的网页界面产生动感的立体效果。下面分享的这个图片滑块效果是难得一见的结合视差滚动的例子，之前的文章给大家分享过，这里再推荐一下。美女很养眼吧 :)
阅读全文
摘要：jQuery 和 CSS 可以说是设计和开发行业的一次革命。这一切如此简单，快捷的一站式服务。jQuery 允许你在你的网页中添加一些真正令人惊叹的东西而不用付出很大的努力，要感谢那些优秀的 jQuery 插件。
阅读全文
摘要：Bounce.js 是一个用于制作漂亮的 CSS3 关键帧动画的 JavaScript 库，使用其特有的方式生成的动画效果。只需添加一个组件，选择预设，然后你就可以得到一个短网址或者导出为 CSS 代码。
阅读全文
摘要：之前的文章个大家分享过各种类型的加载效果（Loading Effects），这里再给大家奉献一组基于单个元素实现的 CSS 加载动画集合。这些加载效果都是基于一个 DIV 元素实现的，十分强悍。
阅读全文
摘要：网站或者应用系统的管理后台的设计虽然不像前台界面那样要求设计精美，但是也需要有清晰的管理模块划分，下面分享的这个后台管理模板的设计非常漂亮，特别是导航部分，头部还有未读的短消息和提醒的条数显示。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第6期（总第27期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：在早期，我们都是通过使用 JavaScript 来实现占位符功能。而现在，HTML5 原生提供的 placeholder 属性让我们在现代浏览器轻松就能实现这样的功能。这里向大家分享一个自适应的占位符效果（Adaptive Placeholder），当你输入的时候，提示文字不会消失，而是以动画的方式移动到了输入框的上方。
阅读全文
摘要：使用 CSS3 的3D变换特性，我们可以通过让元素在三维空间中变换来实现一些新奇的效果。 利用 3D transforms（变换）属性来实现多种不同的效果。主要的想法是创建三维图像切片，作为三维物体的另一侧，旋转并显示下一个图像。若浏览器不支持3D变换，一个简单的滑块将作为后备方案。
阅读全文
摘要：Shine.js 是一个用于实现漂亮阴影的 JS 库。您可以设置动态光的位置，可定制的阴影。不依赖于第三方库，兼容 AMD。能在支持 textShadow 或 boxShadow 的浏览器中正常使用，如果有需要会自动添加前缀。
阅读全文
摘要：Bourbon 是一个简单易用的 Sass 混入（Mixin）库，无需配置。该混入包含用于支持所有现代浏览器的 CSS3 属性前缀。前缀需要确保在旧的浏览器支持优雅降级。Bourbon 使用 SCSS 语法。
阅读全文
摘要：Fort.js 是一款用于时尚、现代的表单填写进度提示效果的 JavaScript 库，你需要做的就是添加表单，剩下的任务就交给 Fort.js 算法了，真的非常简单。提供了Default、Gradient、Sections 以及 Flash 四种效果，满足开发的各种场合需要。
阅读全文