Можно в стилях создавать анимацию @keyframes только для определенных классов?

Question

[Stepan1998]

У нас в css есть вложенность классов, что если мы в один вложим другой
.main .block {...}
то у нас стили блока будут работать только внутри .main
Можно ли с анимацией @keyframes делать так же, чтобы к примеру одинаковые по названию анимации работали только в определенных блоках и нигде больше?

Comments

[twobomb]

Не знаю что у вас там за 'вложенность классов', но чтобы анимации работали в определенных блоках можно и нужно и оно только так и есть. @keyframes это просто грубо говоря переменная в которой хранится анимация, а задаете вы её через обычное свойство animation, которое не отличается от любых других свойств

[Ankhena]

Так вы задайте эту анимацию только тем блокам, которым она нужна.
Какой-то странноватый вопрос.

Либо напишите подробнее, что у вас там происходит.

[Stepan1998]

Ankhena, задано 10 блокам анимация loader
Но есть 2 анимации с названием loader по эффектам отличаются
И они перезаписывают из-за повторения имени первоначальные loader

[Ankhena]

Stepan1998, и по какой причине вы не можете дать им разные имена?

[Stepan1998]

Ankhena, они все loading, не хотелось усложнять лишними окончаниями

[Ankhena]

Stepan1998, какая-то очень малоубедительна причина.

Возможно, вам удастся привести их к одной анимации, но с использованием кастомных свойств. Тогда ваш план сработает.