作者[前端资讯]的所有文章

首页
作者 前端资讯 的所有文章

HTML5国际象棋游戏AI版

作者：前端资讯2021.10.31 HTML源码

这是一个基于HTML5的国际象棋，它也提供人机对战，不过智商相对较低，我们称它为”Cheap AI”，像我一个国际象棋初级入门的人都可以轻轻松松赢得比赛。遗憾的是，这个国际象棋游戏需要较高版本的Chr...

阅读全文
用JS/CSS3实现的3D波浪效果图片切换动画

作者：前端资讯2021.10.31 HTML源码

这是一款基于HTML5和CSS3的3D波浪效果图片切换动画，图片在切换时，就像波浪翻转一样，呈现出3D立体的切换动画特效。另外，这款插件使用也是非常简单，引用脚本库后，只需在HTML中使用ul定义图片...

阅读全文
纯CSS3模拟iPhone X手机背景切换动画

作者：前端资讯2021.10.31 HTML源码

尽管iPhone已经没有像以前那么火了，但是苹果的UI设计还是可以肯定的。今天我们要给大家分享一款基于纯CSS3的iPhone X背景切换动画，整体的切换动画以淡入淡出为主，iPhone X屏幕的背景...

阅读全文
超实用的VueJS滑块组件，支持级联滑动和渐变色

作者：前端资讯2021.10.31 HTML源码

我一直在玩VueJS，并想尝试一个实验，之前我做过一个基于jQuery UI的的滑块插件，这次我想看看这个功能用VueJS实现是多么容易。对于这个插件，我并非将所有功能都翻译过来了，因为jQuery ...

阅读全文
HTML5 Canvas幻彩火焰文字特效

作者：前端资讯2021.10.23 HTML源码

这是一款很特别的HTML5文字动画特效，这个文字特效是通过模拟火焰燃烧来渲染的，并且燃烧的文字火焰还可以随时改变颜色，让文字更显幻彩。当然这个文字动画还是在canvas上完成，我们可以在js文件中定义...

阅读全文
一款超炫酷的CSS3发光按钮登录表单

作者：前端资讯2021.7.25 HTML源码

这是一个黑色系发光按钮登录表单，这个登录表单最大的特点在于，它有一个带炫酷动画的登录按钮。当我们将鼠标放在按钮上方时，按钮将会出现发光的动画特效，当鼠标移开时，按钮又会回到边框动态更新的动画效果。搭配...

阅读全文
一款基于Vue.js的迷你音乐播放器

作者：前端资讯2021.7.25 HTML源码

这是一个十分不错的音乐播放器，它基于Vue.js，外观十分迷你，可以在手机等移动设备上使用。这个基于vue的音乐播放器的特点是，可以自定义一个播放列表，可以给每一首歌曲指定一个封面图片和分享链接，这让...

阅读全文
16个超炫酷的CSS3动画按钮

作者：前端资讯2021.7.25 HTML源码

这是一组十分美妙的CSS3动画按钮集合，一共16个动画按钮，这16个按钮都会在鼠标滑过时生成不同的动画特效，有3D阴影、外框变幻、3D翻转、发光发亮等等。这些按钮最终的实现都是通过CSS3动画属性来完...

阅读全文
纯CSS3 3D乒乓球比赛动画效果

作者：前端资讯2021.7.25 HTML源码

这是一个使用CSS3实现的3D乒乓球比赛动画，场面效果令人震撼，最关键的是，这个动画并没有使用一行JS代码，而是全部用HTML和CSS实现。画面中的乒乓球桌、球拍以及乒乓球都是通过CSS3绘制而成，包...

阅读全文
一款基于 D3.js 的 SVG化学元素周期表动画

作者：前端资讯2021.7.25 HTML源码

这是一个使用SVG和基于D3.js脚本库实现的化学元素周期表动画，这张表中列出了所有的化学元素简称及其分子量大小，并按分子量大小和元素类型排序。这张元素周期表和你在中学化学学到的相比，元素列的更为全面...

阅读全文