html怎么设置随鼠标移动,CSS

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的使用和区别介绍