-
html5和css3炫酷图片3d翻转多米诺动画特效
这是一款为移动设备定制的、效果炫酷的html5和css3图片3d翻转多米诺动画特效插件。HTML我们使用html5来制作这款插件。主要通过figure和figcaption来组织代码。divfigurefigcaptionAutumn, by Lucien Agasse/figcaption/figure/divCSS样式div元素将用来制作3D perspective
2018-02-04 01:29 -
jQuery和css3手机APP新功能展示标记动画特效
这是一款非常实用的jQuery和css3手机APP新功能展示标记动画特效插件。我们曾经在 jQuery和css3平面图片转换为3d模型动画效果 中集成了这款插件。如果你想展示你的新的应用程序的最佳功能，你想让用户通过设计屏幕了解你的应用程序。最好的方法是利用不断闪烁的点，将它们
2018-02-04 01:29 -
13种html5+css3全屏遮罩效果导航菜单
这是一款使用html5 svg和css3制作的全屏遮罩效果导航菜单。这个简要教程中将要和大家分享一些全屏遮罩效果样式的导航菜单。特别注意的一点是这些遮罩层没有固定的大小但是它们覆盖整个屏幕。请在现代浏览器中查看这些demo。第一个demo的灵感来自于Huge。这个效果使遮罩层
2018-02-04 01:29 -
12种炫酷css3显示分享按钮特效
这是一款12种炫酷css3显示分享按钮特效插件。该插件中的大部分效果使用CSS来完成。其中有一款是使用了jQuery插件 jRumble 完成的，效果相当不错。HTML结构来看看第一个demo的html结构，如下：div class="image-effect-fall-back"div class="share-layer"a href="#" class
2018-02-04 01:29 -
css3超精美实用价格表动画特效
这是一款css3超精美实用价格表动画特效插件。HTML结构html结构使用div的嵌套结构来制作这个价格表。div class="pricing-wrapper clearfix"div class="pricing-table"h3 class="pricing-title"Basico/h3div class="price"$60sup/ mes/sup/div!-- Lista de Caracteristicas
2018-02-04 01:29 -
纯css3炫酷加载loading动画特效插件
这是一款纯css3制作的炫酷加载loading动画插件。最后使用Chrome浏览器来查看demo，有部分demo在Firefox和Safari上看不到效果。使用CSS ANIMATION来制作LOADING动画的好处它能给出更多的控制动画效果。通过css来控制动画速度比使用js或制作gif动画更为方便。CSS animation
2018-02-04 01:29 -
纯css3超酷tabs选项卡动画特效插件
这是一款效果非常炫酷的纯css3 tabs选项卡动画特效插件。自从css3被更多的浏览器所支持，以前许多用javascript才能完成的特效都被css3所替代。这款插件就是使用纯css制作出效果极酷的tabs选项特效。HTML结构ul class="tabs"liinput type="radio" checked name="tabs" id=
2018-02-04 01:29 -
css3文字颜色渐变和文字阴影特效
这是一款效果非常好看的css3文字颜色渐变和文字阴影特效。遗憾的是，这些效果只在WEBKIT内核的浏览器才可以看到，其他浏览器需要添加一些回退代码。下面来看一下制作过程。文字颜色渐变的制作这和制作背景渐变效果是一样的，只是将背景放到了文字上。下面是CSS代码CSSh1#
2018-02-04 01:29 -
CSS3炫酷堆叠图片展示动画特效
这是一款效果的CSS3炫酷堆叠图片展示动画特效。该堆叠图片展示效果是将一组图片堆叠在一起，然后以各种CSS动画效果来切换最上面的一张图片。该特效将使用纯CSS3制作，它可以在所有现代浏览器和移动设备上运行。该堆叠图片展示特效将被做成自动播放模式，就像播放幻灯片一
2018-02-04 01:29 -
Animate.css 强大的跨浏览器CSS3动画库
animate.css是 Daniel Eden 写的一款浏览器、功能强大、简单易用的CSS3动画库插件。animate.css支持多达66种CSS3动画效果，并且十分易于使用，几行代码即可完成一个动画效果。使用方法要使用animate.css，首先要将animate.css文件在你的html文件头部中引入。然后在你想要
2018-02-04 01:29 -
纯css3经典tab选项卡动画特效
Tab选项卡是网页设计中最常用到的元素之一。在这款插件中使用纯css3制作了4种经典的tab选项卡动画特效。该tab选项卡使用radio按钮来做选项卡的切换按钮，并使用:checked伪类和兄弟选择器来完成动画效果。HTMLhtml结构使用radio来连接作为tabs的div，class为content的div包
2018-02-04 01:29 -
css3超酷tab选项卡式页面切换特效
这是一款效果不错的Tab选项卡式css3全屏页面切换特效。该特效使用CSS Transitions和:target伪类完成。HTMLhtml结构包括5个主要的div：一个头部header和4个内容面板。第一个内容面板只有一个ID和class content。其它内容面板都有一个ID和一个class panel。在它们里面又包含
2018-02-04 01:29 -
纯css3经典列表式手风琴插件
这是一款十分经典的纯css3列表手风琴插件。该插件使用css兄弟选择器和:target伪类来实现。有很多种方法使用纯css来制作手风琴效果，其中使用最多的是使用:target伪类来实现。使用:target伪类的问题是我们不能够再次关闭内容区域或同时显示多个内容区域。但是通过使用chec
2018-02-04 01:29 -
css3鼠标滑过菜单显示人物图片特效
这是一款效果很酷的css3鼠标滑过菜单显示人物图片特效。该效果是当鼠标滑过菜单时会有相应的图片从左边向右边滑出来。HTML下面是第一个demo的代码。菜单使用无序列表来制作。每一个菜单按钮都是一个li，在其中包含一个超链接和一张图片，超链接中又包含两个span。ul clas
2018-02-04 01:29 -
css3炫酷网站banner广告动画特效
这是一款可以用来遮罩网站banner或广告的动画特效插件。该特效使用的是 CSS3 animations。注意不是所有的浏览器都支持 CSS3 animations。如果你对 CSS3 animations还不了解，建议你先阅读W3C CSS Animations。HTMLhtml结构如下：div id="ad-1"div id="content"h2Lost at
2018-02-04 01:29 -
5款纯css3按钮样式
这是一款非常实用的网页css按钮插件。在以前要做这种按钮鼠标滑过或按下的效果大多是使用css雪碧技术（即将多张图片合成一张，然后用css来控制图片的显示）。在这个css3按钮样式插件中，仅使用一个a标签，在使用css伪元素即可完成这项工作。HTML所有这些demo的html结构是
2018-02-04 01:29 -
纯css3图片分类过滤效果
这是一款效果一流的纯css3图片分类过滤效果插件。通过使用兄弟选择器和:checked伪元素，我们能够轻易的切换checkbox或radio的状态。这个插件就是使用它们来实现的。这个插件的灵感来自于Filtering elements without JS 。HTMLhtml结构中需要4个用于分类的按钮，我们使用r
2018-02-04 01:29 -
css3炫酷coming soon分步显示动画特效
这是一款效果十分炫酷的css3 coming soon分步显示动画特效。EXAMPLE 1第一个demo是一个coming soon分步显示动画特效。html结构：创建一个class为sp-container的div作为包裹容器。在其中sp-content为主要显示区域，里面包含多个sp-row。每一个sp-row是一个“动画场景”，里
2018-02-04 01:29 -
css3导航菜单背景模糊特效
这是一款使用css3 transition制作的导航菜单背景牧户动画特效。HTML7个demo使用了相同的html结构：ul class="bmenu"lia href="#"About/a/lilia href="#"Illustrations/a/lilia href="#"Photography/a/lilia href="#"Web Design/a/lilia href="#"Personal Projects/a/lili
2018-02-04 01:29 -
纯css3鼠标滑过图片炫酷标题显示特效
很多网站的图片鼠标滑过显示标题效果都是使用jQuery来完成的，现在，我们可以使用CSS3 animations来完成同样惊艳的效果。如果你对CSS3 animations还不了解，请先阅读CSS3 animations。HTML我们使用html5来制作这款插件。通过figure和figcaption来包装图片。4个demo中html
2018-02-04 01:29
闽ICP备12017094号-3