-
[代码样式]有趣的动画幻灯片
简介 这是一个有趣的幻灯片,幻灯片的每一个部分都被分割成几块,并以不同的方式进行动画。此幻灯片适合单独使用,可用于展示海报等等。 浏览器兼容 IE10+ Edge Chrome Firefox Opera Safari- 0
- 0
- 67
-
-
[代码样式]紫色背景简洁登录页面
这是一款紫色背景的简洁登录页面,输入框聚焦的时候有一个非常显眼的动画效果,增强了用户体验。该登录页面默认为紫色渐变背景色,如果网站主色不是紫色,可以修改成需要的颜色。该登录页面适配了各种分辨率,任何设备都可以使用。- 0
- 0
- 120
-
[代码样式]蓝色简洁大气登录页面
这是一款蓝色简洁大气登录页面,输入框聚焦的时候有一个非常显眼的动画效果,增强了用户体验,同时也加入了基本的表单验证。登录页面默认为蓝色,可修改为需要的颜色,大幅的底图也可以更换。该登录页面适配了各种分辨率,任何设备都可以使用。- 0
- 0
- 71
-
-
[代码样式]跳动的404错误页面
这是一款简单的 404 错误页面,「404」这三个数子加入了增长跳动的动画,使页面显得不那么单调。同时兼容了移动设备显示。页面为极简设计,适用于任何风格的网站。" name="跳动的404错误页面" pass="1luy" code=""][/content_hide]- 0
- 0
- 482
-
[代码样式]Swiper制作《FIFA足球世界》游戏特色幻灯片
这是使用 Swiper 插件制作的《FIFA足球世界》游戏特色幻灯片效果,左边是游戏背景图,右边是 C 罗踢球的动作图。幻灯片共 5 幅,为了达到更好的效果,使用了 Swiper 的延迟加载。- 0
- 0
- 125
-
[代码样式]Swiper制作网易智造大气幻灯片
这是使用 Swiper 插件制作的「网易智造」首页宽幅大气幻灯片效果,幻灯片共 6 幅,响应式设计,切换方式位淡入淡出,鼠标移入幻灯片区域显示左右箭头,移出隐藏箭头,同时设置了自动播放、延迟加载图片。- 0
- 0
- 86
-
-
[代码样式]响应式动画效果博客幻灯片
这是一款响应式动画效果博客幻灯片,使用 Swiper 插件制作,包含缩略图、日期、标题、简介、详情链接等信息,幻灯片切换时,这些信息带有淡入淡出等动画效果。- 0
- 0
- 98
-
[代码样式]太空题材404错误页面
这是一款太空题材的 404 错误页面,包含了太空、行星、坠落的飞船和在太空迷失方向漂泊着的太空人。页面的动画效果由 CSS3 制作,低版本的浏览器无法显示。" name="太空题材404错误页面" pass="tx32" code=""][/content_hide]- 0
- 0
- 50
-
-
-
-
-
-
[代码样式]清爽简单的HTML5音乐播放器
这是一款清爽简单的 HTML5 音乐播放器,一个简洁的播放器包含了转动的封面,有 3 个主要的按钮,分别为「上一首」、「播放/暂停」和「下一首」,点击或拖动进度条也可以控制播放进度。- 0
- 0
- 144
-
-
-
-
[代码样式]动感时髦的下拉菜单
这是一款动感时髦的下拉菜单,点击菜单后,子菜单会以动画的形式伸缩展开。下拉菜单使用纯 CSS 实现,无任何 JS 代码。实现的原理是使用 input 的 radio 是否选择配合 CSS 选择器 和 CSS 动画。- 0
- 0
- 62
-
-
[代码样式]管理后台侧滑菜单
管理后台一般功能比较多,数据字段也比较多,为了使主要内容展示区显示更多的内容,一般会把菜单收缩起来,本例就是一个管理后台侧滑菜单,类似与阿里云或其他一些云服务商系统后台菜单。菜单默认收缩起来,只显示图标,当鼠标进入菜单区域,则展开显示具体的菜单名称。- 0
- 0
- 68
-
[代码样式]纯CSS计时器
这是一款纯 CSS 实现的计时器,无任何 JS 代码。实现的原理为使用 CSS 选择器结合 checkbox 是否选中,配合 CSS 动画进行「位移」变更数字,以达到计时的效果。- 0
- 0
- 84