Всем привет! У меня такой вопрос. У меня есть кнопка входа со шрифтовой иконкой.
/*-----------Кнопка Входа-----------*/
.loganim .loghover{
position: fixed;
right: 18px;
top: 12px;
background: #2a2727;
color: #e3e3e3;
height: 48px;
width: 48px;
z-index: 9999;
border: 1px solid #363535;
border-radius: 3px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.8s ease
}
.loganim .loghover i{
position: absolute;
font-size: 25px;
transition: all 0.8s ease;
}
#loghov:checked ~ .loghover i.fa-sign-in-alt{
opacity: 1;
transform: rotate(120deg);
transition: transform 0.8s;
Так вот. При нажатии на эту кнопку шрифтовая иконка проворачивается на 120° и открывается модальное окно. Я делал чтобы по закрытию модального окна или при клике вне модального окна иконка проворачивалась на место в начальное положение. Но так как я это делал через event target модального окна (при нажатии вне модального окна шрифтовой иконке придается style который возвращает ее на место, так же делал и с кнопкой "Закрыть") то если ещё раз нажать анимация иконки больше не работает. Как сделать чтобы анимация работала всегда? Тоесть я нажал на кнопку, иконка прокручивалась и открывалось модальное окно, а если я модальное окно закрою либо через кнопку "Закрыть" либо при клике на пустое место то модальное окно закрывалось и иконка возвращалась обратно. И чтобы потом работала снова? Помогите пожалуйста.
