Собственно вопрос именно в нативной анимации отрисовки CSS галочки
Вот пример:
https://codepen.io/Genri_Rus/pen/BgVwob<div class="wrap">
<div id="check-part-1" class="check-sign"></div>
<div id="check-part-2" class="check-sign"></div>
</div>
.wrap {
position: relative;
margin-top: 100px;
}
.check-sign {
position: absolute;
background: red;
}
#check-part-1 {
width: 50px;
height: 20px;
transform:rotate(45deg);
}
#check-part-2 {
width: 100px;
height: 20px;
transform: rotate(-45deg);
left: 16px;
top: -19px;
}
Нужно сделать, чтобы анимация прорисовки у галочки отрабатывала один раз
Т.е. по умолчанию галочка скрыта, а когда кто-то кликает по кнопке - анимация прорисовки срабатывала
Средний
