2019年 的所有文章
也想出现在这里？联系我们吧
酷炫CSS3图片3D翻转效果
PetitQ
这是一款使用css3和jquery制作的图片3d翻转效果。共有7种效果：3d翻转、3d旋转、切片效果、3d立方体、3d折叠等。唯一缺点是只支持webkit内核的浏览器。建议使用Chrome浏览器观看。 HTML部分 插件的原理是：刚…
CSS3商品视图模式切换效果
所有的商城网站上的产品列表都有两种视图模式：缩略图模式和列表模式。这款css3和js商城网站商品视图模式切换效果就是模拟这种视图切换效果。这是一款仿商城产品列表的模式切换的插件，使用了css3和javascript技术制作。 HTM…
CSS3响应式图片网格布局
这是一款采用透明背景的响应式css3图片网格布局模板。整个网格布局采用流式布局，每行的图片数量自适应屏幕宽度。该网格布局使用图标代替图片，当鼠标滑过网格时，网格背景色发生变化并用动态文字说明。 HTML部分 195593604768…
楼盘模型360度旋转动画效果
这是一款使用css3和js制作的楼盘模型360度旋转动画。这种效果你一定曾今在科幻电影中看到过。这个js 3d动画中整个楼盘模型绕一个中心点不断的做360度旋转，3d效果十分逼真。看过《生化危机》吗？一演到地下实验室的时候都会一段整…
纯CSS3黑色炫酷开关按钮动画效果
这是又一款经典的纯css3黑色炫酷开关按钮。这款css3开关按钮十分真实的模拟了现实中的开关按钮。开关按钮按下时ON和OFF还有动画效果。 HTML部分 html结构非常简单，是用一个input来作为开关的主体。 195593604…
纯CSS3带动画效果左右滑动按钮
这是一款使用纯css3制作的类似于android滑动按钮的左右滑动按钮效果。这个css3左右滑动按钮可以使用鼠标来控制开关滑动，按钮开关滑动时带有很炫的动画和渐变效果。
Blueprint 风格网格布局CSS画廊
Blueprint是一款仿Chromebook Getting Started guide页面效果的Google风格的网格布局css画廊。网格布局采用masonry制作，css画廊的运动效果则由CSS 3D Transforms完成…
Hexaflip 超强CSS3立方体插件
Hexaflip是一款功能强大又十分灵活的css3和js旋转3d立方体插件。Hexaflip3d立方体是一个js ui插件，它可以让你使用3D立方体作为界面元素，实现立方体的自动旋转，幻灯片效果等。
纯CSS3动态3D柱状统计图
这是一款使用纯css3制作动态柱状统计图效果，该柱状统计图在每个产品切换时，有动态的效果，柱子的高度会有增加、减少的动画效果。
经典CSS3图片切换幻灯片效果
这是一款集合了37种不同效果的css3图片切换幻灯片效果。幻灯片又分为小图片展示，全屏幻灯片轮播和产品展示三大类。各种图片切换效果有翻转、旋转、加速、减速，3d，模糊、幻影等等。为了使大家看到不同的效果，我们准备了三种不同的例子：图…
纯CSS3绘制超逼真iPhone6动画效果
这是一款使用纯css3制作的非常逼真的iPhone6动画效果。这款iPhone6动画效果中没有使用任何图片，所有的图像和动画都使用css3完成。 HTML结构 1955936047685d91e999a7c_000010
缩略图幻灯片导航页面切换效果
这是一款想法很新颖的页面切换效果。它通过html5和css3将所有的页面都被做成缩略图幻灯片，通过导航按钮可以在幻灯片和页面之间切换。当用户选择了某个缩略图，就切换到对应的页面。
