字體大小為白色,如下圖所示。我假設轉換屬性沒有選擇字體大小,因為它在 VScode 中無法將其識別為可選屬性。在在線編輯器中,transition-property: font-size; 規則有效,所以我想知道這是 VScode 錯誤,還是我寫錯了什么。如果是這樣的話,我非常希望有人向我解釋我做錯了什么。謝謝!
[css代碼][1]
[1]:https ://i.stack.imgur.com/ftFG4.png*強文本*
html代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="index.css">
</head>
<body>
<h1 class="heading">animacija</h1>
</body>
</html>
uj5u.com熱心網友回復:
- 您的
font-sizeVS 代碼中的 看起來是白色的,因為您的 VS 代碼主題不同。 transition如果您在 mozilla firefox 或除 chrome 之外的任何其他瀏覽器上運行該屬性,則該屬性不起作用。在這種情況下,您需要在您的 css 中指定它,如下所示:
body .heading {
font-size: 20px;
color: aqua;
-webkit-transition: font-size 2s;
-moz-transition: font-size 2s;
-o-transition: font-size 2s;
transition: font-size 2s;
}
.heading:hover {
font-size: 40px;
color: green;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="index.css">
</head>
<body>
<h1 class="heading">animacija</h1>
</body>
</html>
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/483456.html
下一篇:TypeError:path.joinisnotafunction(在我的handleEvents.js檔案中出現錯誤)
