CSS标题下划线动态进入和移开
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS动态效果</title><style>div .title{background: linear-gradient(to right, red, yellow) no-repeat right bottom;background-size: 0% 2px;transition: background-size 1.3s ease-in-out;}div .title:hover {background-size: 100% 2px;background-position: left bottom;}</style>
</head>
<body><div><span class="title">腾讯回应全球首个满级QQ账号诞生；周鸿祎：准备干掉360整个市场部；微软发布AI Agent故障白皮书 <br>腾讯回应全球首个满级 QQ 账号诞生，256 级用户集齐四皇冠获得“金企鹅”<br>新加坡字节跳动食物中毒案进展：云海肴被控食品质量存问题 雷军：小米高阶驾驶培训将在全国免费培训一万名车主</span></div>
</body>
</html>