css实现随鼠标移动div渐变色效果
HTML
复制代码代码如下:
CSS
复制代码代码如下:
body{
background:#ecf0f1;
}
.art{
width:400px;
margin:0px auto;
}
.box{
border-radius:30%;
width:200px;
height:200px;
border:1px solid #2c3e50;
padding:10px;
opacity:0.97;
}
.lvl1{
text-align:center;
line-height:200px;
}
.lvl1:hover{ background:#f1c40f;}
.lvl2:hover{ background:#f39c12;}
.lvl3:hover{ background:#e67e22;}
.lvl4:hover{ background:#d35400;}
.lvl5:hover{ background:#e74c3c;}
.lvl6:hover{ background:#c0392b;}
大家可运行一下代码就可以看到效果了相关阅读:
.net SMTP发送Email实例(可带附件)
Android编程获取网络时间实例分析
Android RadioGroup和RadioButton控件简单用法示例
数据库中使用正则表达式小结
Windows8.1关闭GWX config manager让电脑顺畅
javascript实现支持移动设备画廊
Win7系统执行操作后桌面右键刷新反应慢的解决方法
PHP文件锁函数flock()详细介绍
Win10怎么添加游戏?Win10中玩蜘蛛纸牌游戏的方法
DOM操作一些常用的属性汇总
基于WebClient实现Http协议的Post与Get对网站进行模拟登陆和浏览实例
Java中使用json与前台Ajax数据交互的方法
基于jQuery实现弹出可关闭遮罩提示框实例代码
insert into select和select into的使用和区别介绍
html怎么设置随鼠标移动 CSS_css实现随鼠标移动div渐变色效果 HTML 复制代码代码如下:div - phpStudy...
如果觉得《html怎么设置随鼠标移动 CSS_css实现随鼠标移动div渐变色效果 HTML 复制代码代码》对你有帮助，请点赞、收藏，并留下你的观点哦！
