.gist { width:220px; height:130px; background-image: url(2.jpg); background-repeat:no-repeat; border:5px solid green; background-position:50% 50%; transition:background-position 2s; -moz-transition:ba
这是一组利用CSS3的圆角,渐变和多个背景等特性创建的漂亮按纽。这些按纽只有在Chrome、Safari、Firefox浏览器中才能看到最好的效果。
1. CSS3对前端交互设计的影响梁栋 2517 liangdong2@staff.sina.com.cn 2012.11.17 2. 目录CSS3对前端交互设计的影响CSS3简介 transform
.class 以及标签选择器。可是这些还远远不够,为了在开发中更加得心应手,本文总结了30个CSS3选择器,希望对大家有所帮助。 1:通用选择器 * { margin:0; padding:0;
Cool Text Effects Using CSS3 Text-Shadow Alfonse Surigao shows cool CSS3 is to use and how many effects
Magnifying glass for image zoom using Jquery and CSS3 Learn to make a realistic magnifying glass using
CSS3 Drop Shadows 是一个 Web 应用程序用来构建漂亮的具有阴影效果的方框,它为你提供可视化的操作界面并帮你生成对应的 CSS3 代码。对设计者来说非常有用,可以方便的学习 CSS3
这里罗列了一些使用 CSS3 和 JavaScript 的网页特效集合。 Paperfold 令人印象深刻的paperfold效果! RotorJS 对元素进行三维旋转操作
Splash and Coming Soon Page Effects With CSS3, you have way too many possibilities when it comes to
power of CSS3 icon fonts for designing user interfaces. You will be creating some generic CSS3 buttons
Workless 是一个 HTML5-CSS3 框架,用于构建支持跨浏览器的 Web 应用。该项目基于 Bootstrap + HTML5 Boilerplate ,包括一个网格系统以及提供表单、表格、按钮、标签、提醒等样式,提供图标字体和一些 jQuery 插件。
Hover.css是一个采用CSS3实现鼠标悬停动画效果,可应用于按钮、LOGO 以及图片等元素。可轻松地应用到自己的元素。可运用在CSS 和 SASS。 项目主页: http://www
昨晚用CSS3实现了几种常见的Loading效果,虽然很简单,但还是分享一下,顺便也当是做做笔记…… 第1种效果: 代码如下:
Zardi是一套轻量级的CSS3样式按钮,完全是用CSS3样式制作的,没有使用图片,仅有3KB大小。它在目前主流的浏览器中都能使用,兼容性比较高。 项目主页: http://www.open-open
Zardi是一套轻量级的CSS3样式按钮,完全是用CSS3样式制作的,没有使用图片,仅有3KB大小。它在目前主流的浏览器中都能使用,兼容性比较高。 项目主页: http://www.open-open
(text-shadow,box-shadow,and border-radius) 做基本介绍。这些 CSS3 属性通常用来加强页面布局。 RGBA 前面的 3 个值是 RGB 颜色值,最后一个值是透明度的级别(0
Sweet CSS3 Buttons Design a Sexy Button using CSS3 CSS3 Animated Bubble Buttons CSS3 Gradient
在以前,阴影效果一般都是做成图片,现在有了CSS3 可以直接使用text-shadow 属性来实现阴影。这个属性可以有两个作用,产生阴影和模糊主体。这样在不需要图片的情况下就能给文字增加质感。 基本语法:
https://segmentfault.com/a/1190000000490328 高性能 CSS3 动画: https://www.qianduan.net/high-performance-css3-animations/
class这样的选择器,这并不稀奇,但是如果我们了解并且熟用css3为我们提供的强大并且优雅的选择器,就可以简化我们的代码。 我在学习和整理css3的选择器的时候都不会去考虑它的浏览器的支持程度,如果有