-
20种配合场景的CSS3鼠标滑过文字动画特效
这是一组非常有创意的配合场景使用的CSS3鼠标滑过文字动画特效。这组鼠标滑过特效中，以20张不同的图片作为不同的场景，例如图片是一条公路，鼠标滑过这上面的文字时，就会在文字下边出现一条公路的动画效果。这20种不同的鼠标滑过效果使用了许多新的CSS3特性，不是所有的
2018-02-04 01:29 -
78个纯CSS3方形圆角立体质感按钮
这是一组共78个使用纯CSS3制作的方形圆角立体质感按钮。这些按钮都带有3D立体质感，按钮上的图标使用Zocial字体图标制作。这些按钮都带有鼠标滑过样式和鼠标点击样式，可以直接使用。使用方法HTML结构这些按钮的使用非常简单。在页面中引入styles.css文件和Zocial字体图标
2018-02-04 01:29 -
纯CSS3炫酷手机APP滑动菜单动画特效
这是一款非常时尚的纯CSS3炫酷手机APP滑动菜单动画特效。该特效中当鼠标移动到手机界面上时，菜单图标会逐个滑动显示出来。当鼠标移动到菜单区域会出现一个非常酷的半圆形扩展动画，同时菜单文字将逐一展现出来。制作方法HTML结构该手机滑动菜单动画特效的主要部分是菜单
2018-02-04 01:29 -
纯CSS3打造炫酷的飞机和轮船动画特效
这是一款非常有意思的纯CSS3飞机和轮船动画特效。这组特效中分别使用CSS3技术来制作轮船和飞机的动画效果。特效中没有使用图片，各种元素都是通过CSS渲染出来的，效果非常的炫酷。制作方法HTML结构在轮船的动画特效中，使用了嵌套div的HTML结构。各个div作为一个组件构成
2018-02-04 01:29 -
简单的Material Design风格手机App菜单特效
这是一款非常简单的Material Design风格手机App菜单特效。该特效使用CSS3和少量的jQuery代码来完成。在用户点击汉堡包菜单按钮之后，按钮会变形放大到整个手机APP屏幕，同时菜单选项会从屏幕下方滑动上来，效果非常酷。制作方法HTML结构该APP菜单的HTML结构使用嵌套div的
2018-02-04 01:29 -
创意网页DOM元素拖拽弹性反弹和变形动画特效
这是一款非常有创意的HTML网页DOM元素拖拽弹性反弹和变形动画特效。这个特效中有两种效果：第一种是弹性模态窗口效果，第二种是弹性幻灯片效果。这两种效果均可以拖拽DOM元素，然后释放它们时生成非常震撼的弹性摇摆特效。在第一种弹性模态窗口中，用户可以通过按钮打开一
2018-02-04 01:29 -
CSS3超炫用户信息页面切换动画特效
这是一款效果非常炫酷的纯CSS3用户信息页面切换动画特效。在特效开始时，一个小球落下到页面顶部，紧接着在小球位置以圆形扩展到整个页面，这时个人信息卡片以动画的形式出现，效果非常的炫。制作方法HTML结构该特效使用HTML5的aside元素作为包裹元素。里面分为header和个
2018-02-04 01:29 -
简洁时尚的CSS3用户登录界面设计
这是一款非常简洁时尚的用户登录界面设计效果。该用户登录界面使用CSS3和少量的jQuery代码来完成各种元素的动画效果。通过在登录框区域制作各种方块旋转上升的动画来达到一种非常炫酷的效果。制作方法HTML结构在HTML结构中使用标准的登录表单来制作登录输入和提交按钮。各
2018-02-04 01:29 -
基于Bootstrap的响应式滑动侧边栏布局模板
bootstrap-vertical-menu是一款基于Bootstrap的CSS3响应式滑动侧边栏布局模板。该滑动侧边栏布局在大屏幕中以侧边栏的形式存在，在小屏幕设备中，菜单会被移动到屏幕的底部，只显示菜单的图标。使用方法使用该滑动侧边栏布局模板需要引入Boostrap相关依赖文件，制作图标需
2018-02-04 01:29 -
超酷3D立方体空间旋转图片画廊特效
这是一款效果非常炫酷的CSS3 3D立方体空间旋转图片画廊特效。该特效实际是一个3D立方体，在其内部显示图片。在点击立方体每一面的图片时，这张图片就会放大到屏幕的中间，效果非常的酷。因为IE浏览器不支持transform-style: preserve-3d;属性，所以在IE浏览器中是看不到立
2018-02-04 01:29 -
一组纯CSS3带动画特效的精美3D大按钮
这是一组非常时尚的纯CSS3带动画特效的精美3D大按钮。这组按钮共10种样式，这些按钮被制作为立体效果，按钮的左侧或右侧分别带有不同边框样式的图标，并且这些边框在鼠标滑过时还有一些动画效果。制作方法HTML结构所有的按钮都使用类似的HTML结构：使用a元素来包裹一组sp
2018-02-04 01:29 -
纯CSS3霓虹灯风格Loading进度条特效
这是一款使用纯CSS3制作的效果非常酷的霓虹灯风格Loading进度条特效。该进度条特效有5种效果。它通过CSS3的阴影及色彩的控制制作出效果非常炫酷的霓虹灯特效。制作方法HTML结构这组霓虹灯特效的HTML结构非常简单。都是通过嵌套div来组成进度条。div class="loader1"div/d
2018-02-04 01:29 -
15种漂亮的纯CSS3滑动按钮特效
这是一组共15种不同效果的纯CSS3滑动按钮。这些滑动按钮通过使用“CHECKBOX HACK”技术，通过checkbox和label元素来完成这些滑动按钮的动画效果。制作方法HTML结构所有的滑动按钮都采用相同的HTML结构，在一个div元素中包裹input元素和一个空的label元素。section class=
2018-02-04 01:29 -
纯CSS3菜单汉堡包按钮变形动画特效
这是一款非常有趣的纯CSS3菜单汉堡包按钮变形动画特效。该特效共有9种不同的按钮变形动画效果，这些效果都是使用CSS3帧动画完成的，效果非常的酷。制作方法HTML结构该按钮变形动画使用嵌套div的HTML结构。使用一个section元素作为包裹元素，里面放置一个div.menu作为按钮
2018-02-04 01:29 -
纯CSS3炫酷圆形头像图片过滤特效
这是一款效果非常酷的纯CSS3炫酷圆形头像图片过滤特效。该特效将图片制作为圆形图片，以网格形式布局，带点击相应的分类按钮后，该类别的图片被放大显示，其它类别的图片被缩小，效果非常的不错。制作方法HTML结构该图片过滤特效使用无序列表来制作网格图片布局。每个li元
2018-02-04 01:29 -
纯CSS3超酷日常工作备忘录列表特效
这是一款使用纯CSS制作的纯CSS3超酷日常工作备忘录列表特效。该特效中没有使用js代码，通过Checkbox技巧来完成交互动作。它可以记录某项日常工作是否完成。整体界面十分时尚大方。制作方法HTML结构该特效使用input和label元素来制作列表选项，并通过Checkbox技巧来实现用
2018-02-04 01:29 -
10种炫酷的CSS3 loading加载动画特效
这是一组效果非常炫酷的纯CSS3 loading加载动画特效。这组loading动画共10种不同的效果，全部使用animation帧动画制作而成。这些特效代码简洁，效果炫酷，非常值得学习借鉴。制作方法HTML结构所有的loading效果都使用相同的HTML结构：使用section元素作为包裹元素，里面放
2018-02-04 01:29 -
纯CSS3扁平风格天气预报卡片动画特效
这是一款非常有意思的纯CSS3扁平风格天气预报卡片动画特效。该天气预报特效将各种天气制作为卡片形式，包括下雨，闪电，白天，夜间和下雪。卡片使用扁平化风格，并使用CSS3帧动画来制作各种动画效果。制作方法HTML结构该特效的HTML结构采用无序列表的HTML结构，其中每一个
2018-02-04 01:29 -
带37种3D动画特效的跨浏览器CSS3动画框架
AllAnimation.css是一款带37种3D动画特效的跨浏览器CSS3动画框架。它可以轻松的制作出各种CSS3 3D动画效果，可以在移动手机上使用。并且使用极其简单，使用时只需要添加相应的class即可。使用方法使用AllAnimation.css时要引入all-animation.css文件。link rel="styleshe
2018-02-04 01:29 -
iHover | 纯CSS3炫酷鼠标滑过图片特效
iHover是一款效果相当炫酷的纯CSS3鼠标滑过图片特效。ihover可以和Bootstrap 3完美的结合使用。它提供了基于圆形图片和矩形图片共35种不同的鼠标滑过图片特效。它的特点有：纯CSS3制作，没有任何依赖，可以在任何项目中使用。通过Scss来构建，修改十分容易。模块化代码，
2018-02-04 01:29
闽ICP备12017094号-3