#HTML与CSS知识

基于HTML5坦克大战游戏简化版

之前我们有分享过不少经典的HTML5游戏,有些还是很有意思的,比如HTML5版切水果游戏和HTML5中国象棋游戏。今天要分享的是一款简化版的HTML5坦克大战游戏,方向键控制坦克的行进方向,空格键发射子弹,命中敌方坦克后也会发出声音,效果还算可以。效果图如下:在线预览   源码下载实现的代...

纯CSS炫酷3D旋转立方体进度条特效

在网站制作中,提高用户体验度是一项非常重要的任务。一个创意设计不但能吸引用户的眼球,还能大大的提高用户的体验。在这篇文章中,我们将大胆的将前面所学的3D立方体和进度条结合起来,制作一款纯CSS3的3D旋转立方体进度条效果。在线预览   源码下载在网站制作中,提高用户体验度是一项非常重要的任...

基于CSS3 3D百叶窗图像过渡特效

你可能已经在网上看到过不少使用jQuery制作的百叶窗效果,我们可不可以使用纯CSS来完成这项工作呢?答案是肯定的。我们不仅可以制作出这种百叶窗效果,还可以使它具有响应性。在线预览   源码下载要制作纯CSS的百叶窗效果,HTML结构是个关键。在html结构中,需要使用多幅相同的图片来组织...

一款基于css3鼠标经过圆形旋转特效

今天给大家分享一款基于css3鼠标经过圆形旋转特效。当鼠标经过的时候图片边框颜色旋转,图片显示详情。该实例适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下:在线预览   源码下载实现的代码。html代码:<divcl...

基于HTML5/CSS3可折叠的3D立方体动画

今天要给大家带来另外一款CSS33D立方体动画,尤其在DEMO2中可以看到,鼠标滑过立方体后,它将会被打开,从里面弹出另外一个小立方体,动画效果非常酷,非常逼真。在线预览   源码下载实现的代码。html代码:<divclass="contentbgcolor-1"><h...

一款基于jQuery和CSS3炫酷3D旋转画廊特效插件

这是一款效果炫酷的jQuery和CSS33D旋转画廊特效插件。该3D画廊插件可以通过前后导航按钮来切换图片,效果就像旋转木马一样。它还带有点击放大图片,显示图片标题和用键盘操作等功能。在线预览   源码下载简要教程这是一款效果非常炫酷的jQuery和CSS33D旋转画廊特效插件。第一个DE...

基于HTML5 Canvas生成粒子效果的人物头像

前面我们分享过一个HTML5Canvas实现的图像马赛克模糊效果,HTML5处理图片真的非常简单。今天我们要再利用HTML5Canvas实现一个粒子效果的人物头像,你可以任意选择一张头像图片,接下来该图片会被打散成许多粒子,然后慢慢的重组成图片,鼠标滑过图片时粒子还会出现浮动的动画特效,看上去非常酷。在线预览 ...

基于HTML5 SVG炫酷文字爆炸特效

这是一款使用html5svg、css3和js制作的炫酷文字爆炸特效。该文字特效用SVGpath属性将文字路径切割为很多小块,然后使用css3和js在鼠标滑过文字时制作文字爆炸分裂的炫酷效果。在线预览   源码下载这是一款使用html5svg、css3和js制作的炫酷文字爆炸特效。不论是HT...

基于HTML5 Canvas实现的图片马赛克模糊特效

马赛克模糊经常应用于图片或者视频,今天我们要利用HTML5Canvas技术来实现图片的马赛克模糊效果。在演示中我们可以拖动滑竿来设置马赛克模糊的程度,你可以在不同的值下观察图片被马赛克后的效果。HTML5的确非常强大。效果图如下:在线预览   源码下载实现的代码。html代码:<di...

基于HTML5的捕鱼达人游戏网页版

之前给大家分享了html5实现的水果忍者,愤怒的小鸟,中国象棋游戏。今天给大家分享一款捕鱼达人(fishjoy)网页版游戏的源码。可以在线玩也可以下载到本地。它使用html5技术和javascript制作而成。整个游戏的仿真度99.99%。效果图如下:在线预览   源码下载实现的代码。ht...

基于HTML5实现的中国象棋游戏

棋类游戏在桌面游戏中已经非常成熟,中国象棋的版本也非常多。今天这款基于HTML5技术的中国象棋游戏非常有特色,我们不仅可以选择中国象棋的游戏难度,而且可以切换棋盘的样式。程序写累了,喝上一杯咖啡,和电脑对弈几把吧,相信这HTML5中国象棋游戏的实现算法你比较清楚,可以打开源码来研究一下这款HTML5中国象棋游戏。在线预...

基于html5实现的愤怒的小鸟网页游戏

之前给大家分享一款基于html5canvas和js实现的水果忍者网页版,今天给大家分享一款基于html5实现的愤怒的小鸟网页游戏。这款游戏适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。效果图如下:在线预览   源...

9款基于CSS3 Transitions实现的鼠标经过图标悬停特效

之前给大家分享了很多css3实现的按钮特效。今天给大家分享9款基于CSS3Transitions实现的鼠标经过图标悬停特效。这款特效适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。效果图如下:在线预览   源码下载...

基于html5 canvas和js实现的水果忍者网页版

今天爱编程小编给大家分享一款基于html5canvas和js实现的水果忍者网页版。《水果忍者》是一款非常受喜欢的手机游戏,刚看到新闻说《水果忍者》四周年新版要上线了。网页版的切水果游戏由百度JS小组开发,采用vml+svg绘图,使用了Raphael,效果很赞,赶紧来膜拜一下。效果图如下:在线预览  ...

纯css3实现的动画加载条

之前大大家分享了很多款加载条。今天给大家带来一款纯css3实现的动画加载条。这款加载条适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。效果图如下:在线预览   源码下载实现的代码。html代码:<divcla...
代码星球 ·2021-01-21
首页上一页...4849505152...下一页尾页