//今天刷到的有趣css，挺好玩的，记录一下。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css</title> <style> .title { font-size: 20px; color: #333; line-height: 2; } .title span { background: linear-gradient(to right, #f00, #0f0)no-repeat right bottom; background-size: 0px 2px; transition: background-size 1300ms; } .title span:hover { background-position-x:left ; background-size: 100% 2px; } </style></head><body> <h2 class="title"> <span>百度全新一代知识增强大语言模型，文心大模型家族的新成员，能够与人对话互动，回答问题，协助创作，高效便捷地帮助人们获取信息、知识和灵感。</span> </h2></body></html>
效果如下：
