css3旋转

简单几步,让你的网站兼容IE10(2)

简单几步,让你的网站兼容IE10(2)

解决CSS兼容性问题   如果你经常使用CSS3实现一些炫酷的效果,比如使用transition实现让一个div慢慢变宽的动效,你一定会为了兼容各个高级浏览器而这样写你的CS...

7款非常实用的jQuery/CSS3插件演示和源码

7款非常实用的jQuery/CSS3插件演示和源码

上次我们分享了15款效果很酷的最新jQuery/CSS3特效,非常不错,今天要分享7个非常实用的jQuery/CSS3插件演示和源码,一起来看看。 1、jQueryajax点击地图显示商家网点...

使用jQuery和CSS3弹出图像滑块

使用jQuery和CSS3弹出图像滑块

源码下载在线演示 在这篇文章中,我们将分享有关如何创建一个弹出图像滑块。我们进行click事件时使用CSS3过渡来变换动画。此图片滑块不会做幻灯片上显示...

一个利用jQuery / CSS3技术的旋转的图像编码幻灯片

一个利用jQuery / CSS3技术的旋转的图像编码幻灯片

简介:一款利用HTML5+CSS3+JQUERY技术演示了用jQuery和CSS3的旋转,连同jQuery的旋转插件一起创建出一种漂亮的幻灯片播放效果。实现幻灯片效果的实例代码:http://tuto...

9种CSS3炫酷图片预览展示动画特效

9种CSS3炫酷图片预览展示动画特效

这是一组共9款CSS3炫酷图片预览展示动画特效插件。该效果开始时图片堆叠在一起,当鼠标滑过图片时,图片会以9种不同的方式展开,有扇形、平面展开等等非常酷的效果。 ...

css3简单几步画一个乾坤图

效果如上,鼠标移上去会有动画。 代码如下非常简单: <html> <head> <style> .outer{height:100px;width:200px;border-radius:100px100px0px0px;border:s...

一款非常棒的纯CSS3 3D菜单演示及制作教程

一款非常棒的纯CSS3 3D菜单演示及制作教程

这段时间比较忙,很久没在这里分享一些漂亮的HTML5和CSS3资源了,今天起的早,看到一款很不错的CSS33D菜单,觉得非常上眼,就将它分享给大家,顺便来分析一下实现的源码。下...

7款非常实用的jQuery/CSS3插件演示和源码

7款非常实用的jQuery/CSS3插件演示和源码

上次我们分享了15款效果很酷的最新jQuery/CSS3特效,非常不错,今天要分享7个非常实用的jQuery/CSS3插件演示和源码,一起来看看。 1、jQueryajax点击地图显示商家网点...

使用jQuery和CSS3弹出图像滑块

使用jQuery和CSS3弹出图像滑块

源码下载在线演示 在这篇文章中,我们将分享有关如何创建一个弹出图像滑块。我们进行click事件时使用CSS3过渡来变换动画。此图片滑块不会做幻灯片上显示...

css3对话框设计

对话框气泡,总能在一些设计中给人一种清晰的感觉,在这里我们用css3技术来设计了几种对话框。 在第一个案例中,主要使用:before&:after创建两个三角形,一个和背景色一...

CSS3制作莲花开放

CSS3制作莲花开放

这个效果我一拿到效果,让我惊叹了一翻,使用纯CSS3代码制作了一个莲花开放的效果,藤藤利用自己所掌握的CSS3知识将NielsDoorn使用js和CSS3制作的莲花开放的案例修改成...

CSS QUIZ: 带边 BORDER 的三角形

CSS QUIZ: 带边 BORDER 的三角形

CSSQuiz:如何不用图片、兼容所有浏览器实现这样的界面? 一、第一种方法 如@zhiyelee同学的方案所示,原理可以分解为: 利用border来实现2个三角形将三角形叠在一起,实...

CSS3 动画齿轮

在今天的课程中,我们使用CSS3制作一个动画齿轮效果,效果看起来非常漂亮。其中我使用了CSS3关键帧、动画和转换(旋转),为了得到这个结果,请注意:只有在火狐Firefox浏览器...

CSS3 Transitions(基础)

CSS3 Transitions(基础)

Step1:Linktransitions 开头,我们做一些基础的练习:当指上文字的时候,改变其颜色! 代码如下: .case1a{color:#333;-webkit-transition:color500msease-in;}.case1a:...

CSS3 transition实现超酷图片墙动画效果

CSS3 transition实现超酷图片墙动画效果

一、前面的感慨 以前也陆陆续续试过CSS3的一些特性,文字投影,多边框等。但都是试试而已,知道有这么回事。今天,见到了一个新玩意,transition,认认真真的试了一下,经过,我...

CSS3 Transitions, Transforms和Animation使用简介与应用展

CSS3 Transitions, Transforms和Animation使用简介与应用展

一、前言兼目录索引 《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范,各类清规戒律谨记与严守。但是,后来呢,花姑娘送到跟前,什么戒律都成了浮云, 禁...

CSS3 box-shadow实现曲线投影效果

CSS3 box-shadow实现曲线投影效果

一、简单的前言 一般的投影效果,尤其通过CSS实现的投影效果(无论是CSS3,还是IE滤镜),都是直来直往的。纸张是有卷角的,其投影就是曲面的,如何使用CSS模拟出纸张的卷边曲...

cssSandpaper-兼容IE的CSS3 JavaScript库

cssSandpaper-兼容IE的CSS3 JavaScript库

一、引言–感慨 随着时间一天天的过去,各个浏览器对CSS3的支持也越来越成熟,CSS3的时代的到来已经成为了必然,一切只是时间问题,一切要看IE浏览器。国 内对于CSS3的学...

用css3制作纸张效果

用css3制作纸张效果

一、中规中矩的效果 所谓“中规中矩的效果”就是加个投影,贴个胶带什么的。效果如下: 您可以狠狠地点击这里:中规中矩纸张效果demo 这里纸张本身的效果没有什么说...

CSS3 transition实现超酷图片墙动画效果

CSS3 transition实现超酷图片墙动画效果

一、前面的感慨 以前也陆陆续续试过CSS3的一些特性,文字投影,多边框等。但都是试试而已,知道有这么回事。今天,见到了一个新玩意,transition,认认真真 的试了一下,经过,...