Когда я навожу курсор, анимация не запускается, но когда я убираю мышь, анимация запускается. В чем ошибка? ⇐ CSS

[Anonymous]

https://i.sstatic.net/6XdAaJBM.gif
используйте только чистый CSS
JSON :

Код: Выделить всё

"--0ba-box-shadow-shared": "75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset",
"--0hba-shadow-thickness-1-shared": "30px",
"--0hba-shadow-thickness-2-shared": "30px",
"--0hba-shadow-thickness-3-shared": "-30px",
"--0hba-shadow-thickness-4-shared": "-30px",
"--0hba-shadow-color-1-shared": "rgba(255, 0, 0, 0.5)",
"--0hba-shadow-color-2-shared": "rgba(252, 150, 0, 0.5)",
"--0hba-shadow-color-3-shared": "rgba(0, 255, 0, 0.5)",
"--0hba-shadow-color-4-shared": "rgba(0, 150, 255, 0.5)",
"--0hba-box-shadow-shared": "var(--0hba-shadow-thickness-1-shared) 0 0 var(--0hba-shadow-color-1-shared) inset, 0 var(--0hba-shadow-thickness-2-shared) 0 var(--0hba-shadow-color-2-shared) inset, var(--0hba-shadow-thickness-3-shared) 0 0 var(--0hba-shadow-color-3-shared) inset, 0 var(--0hba-shadow-thickness-4-shared) 0 var(--0hba-shadow-color-4-shared) inset",

"--0-background-color": "none",
"--0-overflow": "hidden",
"--0-position": "relative",
"--0-width": "100%",
"--0-height": "100%",
"--0b-content": "",
"--0b-height": "100%",
"--0b-left": "0",
"--0b-position": "absolute",
"--0b-width": "100%",
"--0b-top": "0",
"--0b-border-radius": "100%",
"--0b-transition": "0.3s",
"--0hb-transition": "0.3s",
"--0hb-border-radius": "100%",
"--0hb-z-index": "9999",
"--0hb-box-shadow": "var(--0hba-box-shadow-shared)",
"--0a-content": "",
"--0a-height": "100%",
"--0a-left": "0",
"--0a-position": "absolute",
"--0a-width": "100%",
"--0a-top": "0",
"--0a-border-radius": "100%",
"--0a-transition": "0.3s",
"--0ha-transition": "0.3s",
"--0ha-transform": "none",
"--0ha-border-radius": "100%",
"--0ha-z-index": "9999",
"--0ha-box-shadow": "var(--0hba-box-shadow-shared)"

Примечание:

• 0: класс a0
• h: псевдокласс hover
• a: псевдоэлемент после
• b: псевдоэлемент перед
• -shared: общая переменная для эта функция в CSS

Подробнее здесь: https://stackoverflow.com/questions/789 ... he-animati