午夜剧场伦理_日本一道高清_国产又黄又硬_91黄色网战_女同久久另类69精品国产_妹妹的朋友在线

您的位置:首頁技術文章
文章詳情頁

css - @keyframes 能接受參數嗎?

瀏覽:230日期:2023-06-16 17:12:16

問題描述

@keyframes around { from { margin-left: 100%; } to { margin-left: -5em; } }

那個-5em應該是參數傳進去的?可以解決嗎?

問題解答

回答1:

設置自定義CSS屬性結合var函數實現,自定義屬性以--符號開頭例子

<!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>

標簽: CSS
相關文章:
主站蜘蛛池模板: 亚洲区成人777777精品 | 天天色天天射天天干 | 黄网视频在线观看 | 谁有毛片网站 | 男女公园野战活春 | 亚洲天堂成人在线 | 99热这里只有精品在线 | 中国美女黄色一级片 | 亚洲国产中文字幕在线 | 国产精品视频在线观看 | 国产原创视频在线 | 肉丝袜高跟岳激情难忍 | 国产51视频| 色姑娘综合 | 欧美一级大片在线观看 | 婷婷综合视频 | 69精品人人| 亚洲精品卡一卡二 | 女同一区二区 | 色婷婷18 | 日韩无遮挡 | 最近韩国日本免费高清观看 | 亚洲美女毛片 | a级片在线看 | 国产精品视屏 | 日本精品久久 | 亚洲欧美一二三区 | 成人小视频在线播放 | 亚洲一区二区三区精品视频 | 久久精品无码一区二区三区 | 影音先锋男人色资源网 | 欧美日韩亚洲国产综合 | 天天射寡妇 | 国产美女久久久久久 | 成年人影片 | 牛牛影视av | 成人免费观看网站 | 久久久久国色av免费观看性色 | 黄色小视频免费观看 | 麻豆视频免费网站 | 久久只有精品 |