ramjet是一款可以实现DOM元素平滑过渡变形动画特效的js插件。该js插件可以从一个HTML DOM元素变形为另一种状态的DOM元素,在DOM元素变形的过程中会使用补间动画实现平滑过渡的动画效果。Ramjet在视觉效果上像是DOM元素从一个状态变形为另一个状态。实际上它是使用克隆技术
2018-02-04 01:29这是一款非常有创意的纯CSS3 loading加载文字动画特效。该loading文字特效中,字母O的内圆会不停的放大缩小,使用这个动画效果来提示用户当前的页面或任务正在加载中。使用方法HTML结构该loading文字特效的HTML结构中,不动画的文字使用span来制作,动画的文字使用一个三
2018-02-04 01:29这是一款使用CSS3 3D Transform制作的超酷图片3D旋转显示图片标题信息特效。这个特效开始的时候只有图片是可见的,图片标题信息被隐藏起来。当用鼠标滑过图片时,图片会在垂直方向上做3D旋转,就像一个立方体向上旋转一样,底部的图片标题信息被显示出来。如下图:这个特
2018-02-04 01:29这是一款使用纯CSS3制作的炫酷3D旋转立方体爆炸展开动画特效。CSS3 3d transformations、translations、rotations 和 animations是非常酷的CSS新技术。你可以使用它们来为你的网页增加与众不同的动画效果。在这个3D旋转立方体展开动画特效中,当鼠标滑过立方体时,立方体
2018-02-04 01:29这是一款可以在线生成CSS3渐变背景颜色代码的可视化插件。你可以通过调节界面上给出的颜色、色相、饱和度和亮度滑块,以及渐变方向滑块来生成各种线性渐变,屏幕上会给出相应的CSS3线性渐变代码。设置选项该渐变背景颜色插件可以设置的选项有:Base Color:Hue:色相Satur
2018-02-04 01:29这是一款集合20组不同 CSS3 按钮样式和按钮鼠标滑过特效的插件。这20组CSS3按钮每一组都有3种示例,每一个示例都使用CSS3制作炫酷的鼠标滑过动画。这些按钮适用于各种场合,相信总有一款适合你。该按钮插件中使用鼠标HOVER来作为按钮动画的触发事件,有一些按钮动画效果更
2018-02-04 01:29这是一款基于animate.css的效果非常酷的CSS消息提示动画效果。这66种CSS消息提示动画效果按出现位置分为4种类型:上部、中部、中下和右下。每个部位的消息提示效果都是不一样的。注意:这个CSS消息提示动画效果需要在支持CSS3的浏览器中才能正常工作。HTML结构该CSS消息提
2018-02-04 01:29这是一组共9款CSS3炫酷图片预览展示动画特效插件。css的新特性可以让我们制作出各种炫酷的动画效果。该图片预览展示动画特效就是一个很好的例子,该效果开始时图片堆叠在一起,当鼠标滑过图片时,图片会以9种不同的方式展开,有扇形、平面展开等等非常酷的效果。HTML结构
2018-02-04 01:29这是一组共4种效果非常炫酷的CSS3移动手机滑动隐藏侧边栏菜单特效。这四种效果分别是:默认的点击滑动侧边栏菜单效果、带3D transforms的滑动侧边栏效果、文字缩放和淡入淡出效果的滑动侧边栏以及使用translate来实现滑动侧边栏的效果。每一个滑动侧边栏效果都带有从右到
2018-02-04 01:29这是一款效果非常酷的js和CSS3适合移动mobile的弹性堆叠图片切换特效。该弹性堆叠图片切换特效的特点是支持移动触摸屏设备,可以通过手指滑动来切换图片。所有图片开始时堆叠在一起,当你用手指滑动图片的时候,堆叠图片就像弹簧被扯动一样,最上面的一张图片被拉到最下面
2018-02-04 01:29csshake是一款功能强大的CSS3元素抖动动画库。csshake可以使DOM元素抖动起来。该抖动动画库中共有10种不同的抖动效果。使用方法要使用csshake,首先要将csshake.css文件引入你的html文件的head中。headlink rel="stylesheet" type="text/css" href="csshake.css"/head然
2018-02-04 01:29Hover.css是一款非常简单实用的纯CSS3鼠标滑过特效动画库。有100多种效果可以选择,包括:2D动画、背景动画、边框动画、图标动画、发光渐变、阴影、对话框、折角等100多种特效。 使用方法首先你需要将hover.css加入到HTML文档的头部。link href="css/hover.css" rel="sty
2018-02-04 01:29icono是一套使用纯CSS3制作的CSS图标。icono可以使用所有的HTML元素来制作图标,如 i 、 div 、 span 等等。使用方法首先你需要将 icono.min.css 文件加入到HTML文档的头部。link href="css/icono.min.css" rel="stylesheet"然后可以在任意的html标签上添加所需要的图标的
2018-02-04 01:29这是一款效果非常酷的CSS3表单input输入框美化效果插件。为表单的input输入框制作一些特殊的效果能给用户带来更好的用户体验。这个CSS3表单input输入框美化插件就是一个很好的例子。这个插件中的效果大多数是使用CSS transitions来切换伪元素制作的。HTML结构HTML结构使用
2018-02-04 01:29这是一款效果炫酷的纯css3圆形Loading加载进度条特效插件。该loading特效使用:before 和:after 伪元素来制作动画d的不同部分,然后给他们设置absolute定位和CSS transformations来创建动画效果。制作方法对于制作一个水平的loading进度条并不是十分的困难,但是要制作一个
2018-02-04 01:29这是一款使用纯 CSS3 制作的3D旋转导航菜单特效。该3D旋转导航菜单特效中主要使用了CSS 3D Transforms技术。该插件在IE内核的浏览器中看不到效果。HTML结构要制作这种效果需要创建一个3D对象。我们使用无序列表来制作导航菜单,每一个列表项都带一个超链接标签,在它里面
2018-02-04 01:29这是11款适合移动设备使用 CSS3 分页导航条插件。你可以通过CSS或SASS文件很容易的重新定制分页导航的样式。分页导航条的作用是用户通过分页链接来浏览你的全部内容。一个可替代的方法是使用瀑布流布局,它们各有长处和短处。HTML结构所有的分页导航条DEMO的html结构都是
2018-02-04 01:29这是一款纯 CSS3 制作的炫酷3D折叠面板动画特效。这个效果使用3D CSS animations 来制作折叠面板的动画,纯CSS,没有使用javascript。HTML结构折叠面板的html结构使用一个嵌套的div结构。内容需要放置在正确的地方。div id="container"div class="parent1"div class="par
2018-02-04 01:29这是一款神奇的纯 CSS3 立方体动画特效插件。使用CSS3来制作动画效果已经成为WEB前端开发的一种时尚,从简单的颜色和尺寸动画,到复杂的旋转、翻转动画, CSS3 展现了它无穷的魅力。使用CSS来制作立方体动画,代码简洁易懂,效果更是令人惊叹!下面来看看制作方法。HTML结
2018-02-04 01:29这是一款使用纯 CSS3 制作的效果非常炫酷的鼠标滑过图片缩放和标题效果。该CSS3图片效果中图片的边框被制作为不停动画的护栏效果,当用鼠标滑过图片时,图片会有非常炫酷的动画效果,并且不只是图片,每一层图片标题都有自己的动画效果。CSS3 animations是一个非常神奇的
2018-02-04 01:29