84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
@keyframes around { from { margin-left: 100%; } to { margin-left: -5em; } }
Dass -5em als Parameter übergeben werden soll? Kann es gelöst werden?
光阴似箭催人老，日月如移越少年。
设置自定义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属性结合var函数实现，自定义属性以--符号开头
例子