css - @keyframes 能接受參數(shù)嗎？
問題描述
@keyframes around { from { margin-left: 100%; } to { margin-left: -5em; } }
那個-5em應該是參數(shù)傳進去的？可以解決嗎？
問題解答
回答1：設置自定義CSS屬性結合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>
相關文章：
1. docker - 如何修改運行中容器的配置2. dockerfile - [docker build image失敗- npm install]3. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗！4. docker網(wǎng)絡端口映射，沒有方便點的操作方法么？5. docker綁定了nginx端口 外部訪問不到6. javascript - nodejs調用qiniu的第三方資源抓取，返回401 bad token，為什么7. 為什么我ping不通我的docker容器呢？？？8. angular.js - angular內容過長展開收起效果9. nignx - docker內nginx 80端口被占用10. docker不顯示端口映射呢？
網(wǎng)公網(wǎng)安備