houziman_jjt-CSDN博客

原创纯 CSS3 卡通小火车行驶动画

自从CSS3流行以来，基于纯CSS3的动画就层出不穷，有纯CSS3的人物动画、纯CSS3按钮动画等。这次，我们给大家分享一个很不错的CSS3卡通火车沿轨道行驶动画，一辆卡通样式的火车缓缓驰过，特别是火车头的动画设计，非常可爱和逼真。效果预览代码实现HTML代码<div class="center"> <div class="mountains"></div> <div class="train"> <div clas

2022-04-15 15:51:28 571

原创 Vue.js 实现的 3D Tab 菜单

今天给大家带来一款基于VueJS的3D Tab菜单，它跟我们之前分享的许多CSS3 Tab菜单不同的是，它可以随着鼠标移动呈现出3D立体的视觉效果，每个tab页面还可以通过CSS自定义封面照片。它的核心是基于vue和bootstrap实现，因此扩展起来非常方便，你可以任意添加或者减少tab页面数量，同时只要更新对应tab页面的CSS代码即可，无须修改js代码。HTML代码：<div id="app-container" data-tilt > <div id="app"&

2021-03-06 14:54:14 406

原创超酷HTML5 3D动画精选

对以前来讲，3D动画拿到网页上展示是一件非常奢侈的事情，第一是浏览器不够先进，第二是大部分只能用flash实现伪3D。HTML5的出现，让实现网页3D动画变得非常简单，当然前提是你不要再使用像IE678之类的浏览器了。下面精选的几款HTML5 3D动画，希望你会喜欢。1、HTML5 SVG 3D空间模型可拖拽缩放这是一个基于HTML5和SVG的3D空间模型，这个3D模型提供了x、y、z三个坐标轴...

2018-03-23 08:08:11 352

原创 12个经典大气的HTML5/CSS3应用动画

昨天为大家收集了15个华丽的HTML5动画应用，有几个应用还比较实用。今天我们就接着来分享第二波干货，也是基于HTML5和CSS3的动画应用，将涉及到HTML5表单、HTML5图片特效以及HTML5图表等应用领域，希望大家会喜欢。1、HTML5/CSS3自定义下拉框 3D卡片折叠动画之前我们分享过一款CSS3带小图标下拉菜单，它更多的是一款菜单，但是今天要分享的一款CSS3自定义下拉框取代了传统的...

2018-01-17 08:43:50 230

原创 8款最新超酷HTML5/CSS3特效及源码

这次我们整理了8款最新的HTML5/CSS3特效及源码，这些特效包括HTML5文字特效、HTML5焦点图特效、CSS3/HTML5进度条特效等类型，一起来看看吧。1、CSS3/jQuery全屏立体焦点图时尚大气jQuery是一个非常流行的Javascript框架，今天我们要分享一款基于jQuery和CSS3的焦点图动画，该jQuery焦点图插件是全屏立体的效果，看上去非常时尚和大气。而且，焦点图...

2018-01-13 09:50:47 3013

原创 8个非常神奇的HTML5动画和应用

今天我们继续来为大家分享一些效果相当不错的HTML5动画和实用的HTML5应用，如果你对HTML5技术和jQuery等相关前端技术感兴趣，欢迎继续关注我们后续推荐的文章。本文介绍的8个非常神奇的HTML5动画和应用，希望你会喜欢。1、CSS3图片悬停放大特效今天我们要来分享一款很酷的CSS3图片特效，这款图片特效可以利用鼠标滑过图片使其悬停放大，并使图片的周围出现发光的效果。配合黑色的背景，这款C...

2018-01-10 08:46:03 265

原创 7款超炫酷的jQuery/HTML5应用搜罗

作为前端开发者，我们肯定都使用过非常多的jQuery插件，毋庸置疑，jQuery非常流行，尤其是结合HTML5和CSS3以后，让这些jQuery插件有了更多地动画效果，更为绚丽多彩。下面分享了一些超炫酷的jQuery/HTML5应用，一起来看看。1、HTML5/CSS3一组可爱的3D按钮这是一款利用HTML5和CSS3制作而成的按钮组合，这款CSS按钮非常具有个性化。该CSS3按钮不仅具有3D的外...

2018-01-06 10:46:09 242

原创 8款效果惊艳的HTML5 3D动画

HTML5凭借着其强大的3D渲染能力，让很多开发者都跃跃欲试，都想亲自体验一下HTML5的3D效果。今天本文就分享8款效果惊艳的HTML5 3D动画，您可以捡现成的看看，顺便也可以学习学习HTML5的相关知识。1、HTML5 WebGL水面水波荡漾特效之前已经向各位分享过一款很逼真的HTML5水波荡漾特效，效果还算不错。今天再向大家分享一款更加给力的HTML5水波动画，画面上是一个大水池，水池底部...

2017-12-20 10:11:54 778

原创轻松学习 JavaScript 系列文章（更新中...）

轻松学习 JavaScript——第 1 部分：了解 let 语句：http://www.codeceo.com/article/easy-javascript-01-let.html轻松学习 JavaScript——第 2 部分：函数中的 Rest 参数：http://www.codeceo.com/article/easy-javascript-02-rest.html轻松学习 JavaScr...

2017-11-29 15:14:43 191

houziman_jjt的博客