-
纯css3各种开关按钮动画特效
这个插件是一款使用纯css3制作的开关按钮动画特效。共有4种效果。在这个插件中使用了“CHECKBOX HACK”技术。什么是CHECKBOX HACKcheckbox hack允许我们在纯css中切换处理程序。它依赖于一个checkbox(可能是选中状态也可能是未选中状态)，:checked伪元素和一个兄弟选择器
2018-02-04 01:29 -
css3炫酷圆形图片鼠标滑过特效
这是一款纯css3炫酷圆形图片鼠标滑过特效插件。在插件中，所有的缩略图都被用css3 border-radius制作成圆形，然后再在其上做各种鼠标滑过特效。HTML所有demo的html结构都如下所示：ul class="ch-grid"lidiv class="ch-item ch-img-1"div class="ch-info"h3Use what you h
2018-02-04 01:29 -
-
css3可定时关闭的消息提示框插件
这是一款很酷的带定时消失功能的css3消息提示框插件。HTMLhtml结构非常简单：用一个wrapper div作为包裹容器，里面放一个用于显示信息的p标签和一个用来做进度条的div。div class="tn-box tn-box-color-1"pYour settings have been saved successfully!/pdiv class="tn-p
2018-02-04 01:29 -
html5和css3图片手风琴动画效果
这是一款效果华丽的html5和纯css3图片手风琴效果。该手风琴效果使用radio按钮和兄弟选择器来控制手风琴的动画。插件中精美的卡片插图来自于花瓣-发现、采集你喜欢的一切。HTMLhtml结构采用一个嵌套结构，这个结构允许我们同时移动多个slide（移动其中一个时，其它的slide
2018-02-04 01:29 -
纯css3可点击放大缩小的3d弹跳小球动画
这是一款很有意思的使用纯css3制作的3d弹跳小球动画。该css3小球动画效果非常逼真，可以用鼠标按住小球使其缩小，放开鼠标后小球又会慢慢放大。
2018-02-04 01:29 -
css3鼠标滑过图片快速切换展示效果
这是一款炫酷的纯css3鼠标滑过图片快速切换展示效果。这款插件的灵感来自于Contain.r。整个快速播放功能使用CSS animations完成，图片的播放和暂停使用的是 animation-play-state 。HTMLhtml结构非常简单：div class="hs-wrapper"img src="images/1.jpg" alt="image01"/i
2018-02-04 01:29 -
纯css3图片点击弹出动画遮罩层效果
这是一款非常实用的纯css3图片点击弹出动画遮罩层效果插件。在该插件中使用了:checked伪元素和兄弟选择器。HTMLhtml结构包括标题、描述和一个预览内容。预览内容用来做遮罩层效果。在demo中使用了一个checkbox、一张图片和一个用于放置注释的div来完成这些工作。该效果的
2018-02-04 01:29 -
纯css3响应式背景视觉差幻灯片插件
这是一款非常酷的纯css3响应式背景视觉差幻灯片插件。插件中使用radio按钮和兄弟选择器来控制幻灯片的切换。插件中使用了两个backgrounds：背景和前景。通过改变背景的background position来使幻灯片产生背景视觉差效果。HTML通过兄弟选择器来连接radio按钮和class为sp-c
2018-02-04 01:29 -
纯css3炫酷文字动画特效
这是一款纯css3制作的炫酷文字动画特效插件。这些特效的主要思想是使用CSS animations来使一个句子产生旋转、缩放等动画效果。HTMLhtml结构是使用h2标签包含住固定不动的文字(span中的内容)和用于旋转等动画的文字(class为rw-words的div)。section class="rw-wrapper"h2
2018-02-04 01:29 -
6种css3和js显示/隐藏侧边栏效果
这是一款使用css3和js制作的侧边栏显示和隐藏效果的网页布局。这个侧边栏显示和隐藏效果的侧边栏可以在页面的上、下、左、右四个方向隐藏显示。
2018-02-04 01:29 -
纯css3进度条动画效果
这是一个非常有用的css3进度条动画效果。这个彩色的进度条动画效果在增加刻度时颜色从红色渐变到绿色，效果非常不错。它使用纯css制作，没有使用任何的javascript。HTMLsection class="container"input type="radio" class="radio" name="progress" value="five" id="fiv
2018-02-04 01:29 -
神奇的css3鼠标滑过动画效果
这是一款使用 CSS transition 属性制作的纯css3素材滑过hover动画效果。请注意不是每一个浏览器都支持这些css3属性，请使用支持css3的浏览器来查看这些demo。HTMLul class="ca-menu"lia href="#"span class="ca-icon"A/spandiv class="ca-content"h2 class="ca-main"Exce
2018-02-04 01:29 -
纯css3内容滑块手风琴效果
这是一款基于Vladimir Kudinov的 Futurico UI Pro 而制作的纯css3内容滑块手风琴效果。任何支持 :target 选择器的浏览器都能运行这个插件。HTMLhtml结构需要创建3个div，每个div中都有一个class为tab的超链接和一个class为content的div。为了使手风琴“打开”，我们需要在
2018-02-04 01:29 -
纯css3按钮动画插件
这个插件中集合了7种不同风格的css3按钮动画效果。请注意不是所有的浏览器都支持css3，请使用支持css3的浏览器来查看演示。下面的代码是其中的一个例子，我们将在其中放入一些图标，说明文本和价格，价格只有在鼠标滑过按钮时才显示出来。HTMLa href="#" class="a-btn"sp
2018-02-04 01:29 -
纯css3谷歌Google样式的按钮
这是一款谷歌风格样式的按钮插件。HTMLdiv class="google-content"div class="buttons"a href="#" class="button"Stand Alone/aa href="#" class="button left"Left/aa href="#" class="button middle"Middle/aa href="#" class="button middle"Middle/aa href="#" class
2018-02-04 01:29 -
纯css3超酷tab选项卡效果
这款css3tab选项卡插件外观精美，效果炫酷，值得推荐。HTMLsectioninput type="radio" id="profile" value="1" name="tractor" checked='checked' / input type="radio" id="settings" value="2" name="tractor" / input type="radio" id="posts" value="3" name
2018-02-04 01:28 -
纯css3滑动按钮动画效果
android系统的滑动按钮相信大家都使用过。这款插件就是使用纯css3制作出类似android系统的滑动按钮效果。HTMLhtml代码十分简单。使用一个大的div作为包裹容器，给它一个class toggle用于控制样式，一个Id switch 用于使用js来控制动画。div class='toggle' id='switch'di
2018-02-04 01:28 -
纯css3单选框和复选框样式美化效果
默认的html单选框和复选框样式十分单调，如果你想美化一下它们，这款纯css3单选框和复选框样式美化效果是个不错的选择。HTMLdiv class="controls"h1Check Boxes/h1input id='check-1' type="checkbox" name='check-1' checked='checked' /label for="check-1"Apples/labe
2018-02-04 01:28 -
纯css3响应式3d时间轴效果
这个插件是一款使用纯css3制作的响应式流式布局3D时间轴效果。该插件的html结构中使用radio来作为时间轴的选择节点，通过构建一个时间轴结构的dom，并使用CSS 3D transform、transitions和css兄弟选择器来完成3D时间轴特效。HTMLhtml结构使用一个无序列表，ul的class为ti
2018-02-04 01:28
闽ICP备12017094号-3