-
纯css3带动画效果的左右滑动按钮
这个开关效果是仿照android滑动开关的效果。是用纯css3制作，效果非常炫酷。HTMLhtml结构非常简单，是用一个input来作为开关的主体。label class="button"input type="checkbox"span/spanspan/spanspan/span/label基本CSS样式.button {display: block;position: absolute
2018-02-04 01:28 -
纯css3黑色炫酷开关按钮动画效果
这个css3开关按钮效果模拟了现实生活中的开关按钮。整个代码使用纯css3完成，并且带有开关按下时的动画效果。HTMLhtml结构非常简单，是用一个input来作为开关的主体。label class="button"input type="checkbox"span/spanspan/span/label基本CSS样式.button {display: bl
2018-02-04 01:28 -
js楼盘模型360度旋转动画效果
看过《生化危机》吗？一演到地下实验室的时候都会一段整个建筑3D旋转的效果。本插件的楼盘模型360度旋转效果就和那种效果类似。HTML只需要一个空的div，然后在运行时用js往里面插入需要的节点。div id="demo"/divJAVASCRIPTvar D = {base: 6,size: 40,space: 6,height: {
2018-02-04 01:28 -
css3响应式图片网格布局
这个网格布局效果中每行的图片数量会根据屏幕的宽度自动调整，并在鼠标滑过时带有一些文本动画效果。HTMLul class="cbp-ig-grid"lia href="#"span class="cbp-ig-icon cbp-ig-icon-shoe"/spanh3 class="cbp-ig-title"Squid voluptate/h3span class="cbp-ig-category"Fash
2018-02-04 01:28 -
css3和js商城网站商品视图模式切换效果
这是一款仿商城产品列表的模式切换的插件，使用了css3和javascript技术制作。HTMLdiv id="cbp-vm" class="cbp-vm-switcher cbp-vm-view-grid"div class="cbp-vm-options"a href="#" class="cbp-vm-icon cbp-vm-grid cbp-vm-selected" data-view="cbp-vm-view-grid"Grid V
2018-02-04 01:28 -
7种酷炫css3图片3d翻转效果
在这款css3图片3d翻转效果中的CSS3 3D Transforms只对webkit内核的浏览器生效。插件中精美的卡片插图来自于花瓣。HTML插件的原理是：刚开始的时候显示的是te-cover div中的图片，然后在运行的时候使用javascript来切换class到te-transition的div，这个div上的图片将被显示
2018-02-04 01:28 -
css3和js点击按钮弹出模态窗口动画效果
这是一款集合了多种模态窗口效果和其它一些效果的css3和html5插件。其中又点击按钮弹出注册登录模态窗口，点击按钮弹出音乐播放器，点击按钮弹出分享按钮，点击按钮弹出侧边栏导航等8种效果。
2018-02-04 01:28 -
css3神奇tooltips提示框动画
这个tooltips提示框效果使用 CSS transitions和伪元素制作。HTMLul class="tt-wrapper"lia class="tt-gplus" href="#"spanGoogle Plus/span/a/lilia class="tt-twitter" href="#"spanTwitter/span/a/lilia class="tt-dribbble" href="#"spanDribbble/span/a/lilia class=
2018-02-04 01:28 -
纯css3精美lightbox效果
这款css3 lightbox效果中的精美插图来自于花瓣。HTMLul class="lb-album"lia href="#image-1"img src="images/thumbs/1.jpg" alt="image01"spanPointe/span/adiv class="lb-overlay" id="image-1"img src="images/full/1.jpg" alt="image01" /divh3pointe span/point//h3
2018-02-04 01:28 -
-
css3+js可通过缩略图幻灯片导航的页面切换效果
这是一款想法很新颖的页面切换效果。它通过html5和css3将所有的页面都被做成缩略图幻灯片，通过导航按钮可以在幻灯片和页面之间切换。当用户选择了某个缩略图，就切换到对应的页面。
2018-02-04 01:28 -
纯css3绘制超逼真iPhone6动画效果
这款css3 iPhone6动画效果中没有使用图片，纯css3打造。HTML结构div id="wrapper"div id="iphone"div id="side"/divdiv id="lines"....../divdiv id="toggler"div/div/divdiv id="aux"/divdiv id="lightning"/divdiv id="bottom-speaker"....../divdiv id="skrews"......
2018-02-04 01:28 -
37种经典的css3图片切换幻灯片效果
今天将和大家分享一些非常奇妙的图片切换效果，包括图片切换、全屏幻灯片和一些产品展示。我们将使用CSS Animations和transitions来完成它们。第一个demo中的精美插画来自于花瓣本教程将带给大家一些很酷的图片切换效果的制作方法。为了使大家看到不同的效果，我们准备了
2018-02-04 01:28 -
仿google trends动态css3网格响应式布局
这是一款使用grid.js和css3 transition属性制作的仿google trends动态css3网格响应式布局。通过这款css3网格布局，用户可以选择屏幕上有多少个网格，并通过css3 transition制作出网格动画效果。
2018-02-04 01:28 -
-
Hexaflip：超强css3+js旋转3d立方体插件
Hexaflip是一款功能强大又十分灵活的css3和js旋转3d立方体插件。Hexaflip3d立方体是一个js ui插件，它可以让你使用3D立方体作为界面元素，实现立方体的自动旋转，幻灯片效果等。
2018-02-04 01:28 -
Blueprint:Google风格的网格布局css画廊
Blueprint是一款响应式的css画廊。它的灵感来自于Google的Chromebook Getting Started guide。Blueprint css画廊的网格布局采用时下流行的Masonry构建，画廊图片的运动效果则由CSS 3D transforms完成。HTMLdiv id="grid-gallery" class="grid-gallery"section class="gri
2018-02-04 01:28 -
模拟iphone面板折叠的css3折叠效果
如果你曾今使用过iphone手机，那你一定为它的面板折叠效果所震惊。这款插件就是模拟了iphone手机面板折叠的css3折叠效果。图片能像纸一样从两边往中间折叠，然后显示所有图片的缩略图。
2018-02-04 01:28 -
炫酷css3图片滑动切换效果
这个炫酷图片滑动切换效果是用纯css3制作而成。插件中精美的插画来自于花瓣。HTMLhtml结构分为三个部分：第一，单选按钮和label；第二，用来放置图片切片的容器div，为它定义class为cr-bgimg；第三，还有一个divcr-titles用来放置图片的标题。section class="cr-containe
2018-02-04 01:28 -
超神奇的css3和jquery翻书效果
这是css3 3d transform属性和jquery联手打造的一款神奇的翻书效果（翻页效果），有两种翻书效果。两种翻页效果分别是书本可以翻转到反面，查看内页，另一种效果是从书架上把书拿下了打开的效果。
2018-02-04 01:28
闽ICP备12017094号-3