css - @keyframes 能接受參數(shù)嗎？
問題描述
@keyframes around { from { margin-left: 100%; } to { margin-left: -5em; } }
那個-5em應(yīng)該是參數(shù)傳進(jìn)去的？可以解決嗎？
問題解答
回答1：設(shè)置自定義CSS屬性結(jié)合var函數(shù)實現(xiàn)，自定義屬性以--符號開頭例子
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title> <style>@keyframes around { from {margin-left: 100%; } to {margin-left: var(--margin-left); }}.main{ position: absolute; left:0p; top:0px; width: 200px; height: 200px; background-color: #7C2845; color:#ffffff; --margin-left:-5em;}.main.active{ animation-name: around; animation-duration: 1s; animation-direction: alternate; animation-iteration-count: infinite;} </style></head><body> <p class='main active'>TEST </p></body></html>
相關(guān)文章：
1. 視頻文件不能播放，怎么辦？2. node.js - nodejs開發(fā)中常用的連接mysql的庫3. mysql replace 死鎖4. phpstudy pro小皮面板經(jīng)常報這個nginx: [emerg] CreateFile【急】5. 老師您的微信號是多少？6. mysql - 把一個表中的數(shù)據(jù)count更新到另一個表里?7. mysql - 分庫分表、分區(qū)、讀寫分離 這些都是用在什么場景下 ，會帶來哪些效率或者其他方面的好處8. 請教使用PDO連接MSSQL數(shù)據(jù)庫插入是亂碼問題?9. 雙擊安裝程序，安裝不了10. mysql - 字符串根據(jù)字典替換
網(wǎng)公網(wǎng)安備