首页 > 代码库 > css3 鼠标经过颜色渐变
css3 鼠标经过颜色渐变
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>*{ margin: 0; padding: 0;}.hover { width: 500px; height: 500px; background-color: red; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}.hover:hover, .hover:focus, .hover:active { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; background-color: #000;}</style></head><body> <div class="hover"></div></body></html>
效果：鼠标经过颜色的变化有一个过渡，会比较好看。
css3 鼠标经过颜色渐变
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。