HTML与CSS知识主题的文章列表，还有HTML与CSS知识的技术要点_第52页

基于html5和jquery的篮球跳动游戏

今天给大家分享一款基于html5和jquery的篮球跳动游戏。这款实例和之前分享的 HTML5重力感应小球冲撞动画类似。用鼠标拖动篮球，篮球在页面上跳动，可在演示中看下效果。效果图如下：在线预览源码下载实现的代码。这个实例主要是js代码。js需要引用jquery和Phase...

代码星球 ·2021-01-21

jQuery+html5实现的3D动态切换焦点轮播幻灯片

今天爱编程给网友们分享一款基于jQuery+html5实现的3D动态切换焦点轮播幻灯片，支持左右箭头和圆点按钮播放控制，支持多种不同的3D动态切换特效，自适应全屏显示，兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗，不支持IE8及以下浏览器。横向全屏显示，效果图如下：在线预览&...

代码星球 ·2021-01-21

HTML5重力感应小球冲撞动画实现教程

今天我们来分享一款很酷的HTML5重力感应动画教程，这款动画可以让你甩动页面中的小球，小球的大小都不同，并且鼠标点击空白区域时又可以生成一定数量的小球。当我们甩动小球时，各个小球之间就会发生互相碰撞的效果，并且在运动过程中模拟了重力感应的物理效果。你可以在DEMO演示中来尝试一下。在线预览 &nb...

代码星球 ·2021-01-21

基于css3的鼠标经过动画显示详情特效

之前为大家分享过一款基于jquery的手风琴显示详情，今天给大家分享基于css3的鼠标经过动画显示详情特效。这款实例鼠标经过的时候基于中间动画放大，效果非常不错，效果图如下：在线预览源码下载实现的代码。html代码：<ulclass="blocks"><li>...

代码星球 ·2021-01-21

2014圣诞节一款纯css3实现的雪人动画特效

在2014年的圣诞节，爱编程小编给大家分分享一款纯css3实现的雪人动画特效。该实例实现一个雪人跳动的特效，效果图如下：在线预览源码下载实现的代码。html代码：<spanclass="text">lolwut<small>-@rsmswlln</sma...

代码星球 ·2021-01-21

纯css3实现的鼠标悬停动画按钮

今天给大家带来一款纯css3实现的鼠标悬停动画按钮。这款按钮鼠标经过前以正方形的形式，当鼠标经过的时候以动画的形式变成圆形。效果图如下：在线预览源码下载实现的代码。html代码：<div><span></span></div>css3代...

代码星球 ·2021-01-21

一款基于css3的散子3D翻转特效

css3使我们能够跳出2d空间，实现3维空间的动画效果，这里给出一个自动翻转的3d色子动画效果制作过程。第一步，首先进行HTML的布局，对于3D效果，布局有一定的规律，代码如下：<body><divid="outer"><divid="group"><divclass="pag...

代码星球 ·2021-01-21

html5和css3实现的3D滚动特效

今天给大家带来一款html5和css3实现的3D滚动特效。效果图如下：在线预览源码下载实现的代码。html代码：<divclass="container"><divclass="cube"><divclass="sideside1"></di...

代码星球 ·2021-01-21

一款纯html5实现的时钟

今天给大家分享一款非常漂亮的纯html5实现的时钟。整个界面都由html5绘制而成。一起看下效果图：在线预览源码下载实现的代码。html代码：<divclass="container"><svgwidth="600"height="600"class='svg-el...

代码星球 ·2021-01-21

一款基于css3和jquery实现的动画弹出层

今天给大家分享一款基于css3和jquery实现的动画弹出层。这款弹出层初页面面一个显示弹出层按钮。单击该按钮时，弹出层以非常炫的动画形式出现。弹出层有关闭按钮，单击半闭按钮，弹出层关闭。效果图如下：在线预览源码下载实现的代码。html代码:<divclass="papersh...

代码星球 ·2021-01-21

一款jquery和css3实现的卡通人物动画特效

之前为大家分享了很多jquery和css3的动画实例。今天给大家带来一款非常炫的jquery和css3实现的卡通人物动画特效。效果图如下：在线预览源码下载实现的代码。html代码：<divclass="wrapper"><divclass="border-circl...

代码星球 ·2021-01-21

纯css3实现的竖形二级导航

之前为大家分享了好多导航菜单。今天给大家带来一款纯css3实现的竖形二级导航。这款导航菜单可以是无限级。一起看下效果图：在线预览源码下载实现的代码。html代码：<divstyle="width:700px;margin:auto;"><divclass="W1-h...

代码星球 ·2021-01-21

纯css3实现的win8加载动画

今天给大家分享一款纯css3实现的win8加载动画。在这款实例中动画效果完全由css3实现。一起看下效果图：在线预览源码下载实现的代码。html代码：<divclass="wrapp"><divclass="text"><h1>Windows8&l...

代码星球 ·2021-01-21

一款纯css3实现的tab选项卡

今天给大家带来一款纯css3实现的tab选项卡。单击左侧的选项的时候，右侧内容以动画的形式展示。效果图如下：在线预览源码下载实现的代码。html代码：<divclass="night-tabsnight-tabs-color-defaultnight-tabs-animatio...

代码星球 ·2021-01-21

一款纯css3实现的发光屏幕旋转特效

今天给大家带来一款纯css3实现的发光屏幕旋转特效。该屏幕由纯css3实现带发光旋转特效，效果图如下：在线预览源码下载实现的代码。html代码：<divclass="screen"></div>css3代码：*{margin:0;padding:0;}*,*:...

代码星球 ·2021-01-21