#HTML与CSS知识

基于css3的文字3D翻转特效

一款基于css3的文字3D翻转特效。这款特效当鼠标经过文字的时候3D翻转显示阴影。效果图如下:在线预览   源码下载实现的代码。html代码:<divclass="component"><ulclass="grid"><li><divclass="...

30款css3实现的鼠标经过图片显示描述特效

今天给大家分享30款css3实现的鼠标经过图片显示描述特效,鼠标经过这些图片的时候以非常炫的方式显示图片的描述。为保证最佳的效果,请在IE10+、Chrome、Firefox和Safari等现代浏览器中浏览。在线预览   源码下载实现的代码。html代码:<divclass="con...

5个基于css3超炫的鼠标滑动按钮动画

今天给大家分享5个基于css3超炫的鼠标滑动按钮动画。这5个按钮鼠标经过的时候有超炫的动画效果。这5个按钮适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。效果图如下:在线预览   源码下载实现的代码。html代码:...

基于CSS3制作的鼠标悬停动画菜单

之前分享了好多款css3实现的鼠标悬停效果。今天再给大家带来一款基于CSS3制作的鼠标悬停动画菜单。这款菜单适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。效果图如下:在线预览   源码下载实现的代码。html代码...

纯css3实现的动画加载特效

之前给大家带了很多款进度加载条,今天再给大家分享一款纯css3实现的动画加载特效。效果图如下:在线预览   源码下载实现的代码。html代码:<divclass="wrap"><divclass="curve3"></div><divclass="...

一款基于css3的3D图片翻页切换特效

今天给大家分享一款基于css3的3D图片翻页切换特效。单击图片下方的滑块会切换上方的图片。动起你的鼠标试试吧,效果图如下:在线预览   源码下载实现的代码。html代码:<divid="imgdex"><figure><imgsrc="arabic-eyes....

一款纯css3实现的条纹加载条

之前为大家带来了很多加载动画。 基于prefixfree.js的进度加载条 ,基于jquery带百分比的响应式进度加载条。今天给大家分享一款纯css3实现的条纹加载条。带有响应式的效果。效果图如下:在线预览   源码下载实现的代码。html代码:<divclass...

分享十个CSS3鼠标滑过文字动画特效

介绍10组基于CSS3的鼠标滑过文字动画特效,有上凸、下凹等文字动画。这些炫酷的CSS3文字效果可以让网页变得更加绚丽。效果图如下:在线预览   源码下载实现的代码。html代码:<h2class="headingOuter">Pushdown(shadoweffect)<...

一款基于jQuery/CSS3实现拼图效果的相册

之前为大家介绍了 HTML53D立体图片相册, HTML5图片相册重力感应特效, 基于CSS3图片可倾斜摆放的动画相册 今天我们要来分享一款很酷的jQuery相册插件,首先相册中的图片会以一定的角度倾斜放置在页面上,点击图片缩略图就可以展开图片,并且图片是由所有缩略图拼接而成,图...

基于HTML5实现五彩连珠小游戏

今天给大家分享一款基于HTML5实现五彩连珠小游戏。这款游戏的规则:点击彩球移动到期望的位置,每移动一次,画面将随机出现3个新的彩球;当同一颜色的彩球连成5个一行或一列或一斜线时,这5个彩球同时消失,游戏得分10分。当画面上每个方格都被彩球占满时,游戏结束。在线预览   源码下载实现的代码...

基于css3的3D立方体旋转特效

今天给大家分享一款基于css3的3D立方体旋转特效。这款特效适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。效果图如下:在线预览   源码下载实现的代码。html代码:<divclass="wrap">...

基于CSS3图片可倾斜摆放的动画相册

今天我们又要来分享一个CSS3动画相册。之前我们分享过一个很酷的放满女神的HTML5/CSS3相册,相册是全屏展示的。今天这款相册的特点是图片可以任意角度的倾斜摆放,就像随意放在桌面上一样。另外,当鼠标滑过图片时,被遮挡在下方的图片也可以凸显出来。效果图如下:在线预览   源码下载实现的代...

一款基于HTML5 Canvas的画板涂鸦动画

今天给各网友分享一款基于HTML5Canvas的画板涂鸦动画。记得之前我们分享过一款HTML5Canvas画板工具,可以切换不同的笔刷,功能十分强大。本文今天要再来分享一款基于HTML5Canvas的画板涂鸦动画应用,功能和之前那个类似,但是新增了回撤和清空画板的操作,实现思路也基本类似。实现的效果图如下:在线预览&n...

一款基于jQuery和HTML5全屏焦点图

今天爱编程小编给大家分享一款非常绚丽的jQuery焦点图插件,同时这款焦点图也利用了HTML5和CSS3的相关特性,使图片切换效果更加丰富多彩。另外,这款jQuery焦点图插件的特点是全屏的效果,因此看上去也非常的大气和整体。效果图如下:在线预览   源码下载实现的代码。html代码:&l...

基于HTML5堆木头游戏

今天要来分享一款很经典的HTML5游戏——堆木头游戏,这款游戏的玩法是将木头堆积起来,多出的部分将被切除,直到下一根木头无法堆放为止。这款HTML5游戏的难点在于待堆放的木头是移动的,因此需要你很好的控制木头下落的位置。在线预览   源码下载实现的代码。html代码:<divstyl...
代码星球 ·2021-01-21
首页上一页...4950515253...下一页尾页