Bymas | дичь с анимацией

вставил себе готовый код акордиона на сайт. при нажатии должен анимировать знак плюс (+) но он даже не показывается. все сделал правильно. но что так я хз

css

   &:before {    content: "+";    font-size:1.5em;    line-height:0.5em;    float:left;     transition: transform 0.3s ease-in-out;   }   &:hover {     background-color:darken(#38cc70, 10  ;   } } .accordionTitleActive,  .accordionTitle.is-expanded {    background-color:darken(#38cc70, 10  ;     &:before {             transform:rotate(-225deg);     } }

брал код отсюда https://codepen.io/chriswrightdesign/pen/cmanI

155876556 , в примере который вы скинули используется SCSS (компилируемый css) его нужно собрать и только после этого вставлять на сайт

Изображение

------

79009_20210908235617.png (29.2 Kb)
Скачиваний: 135

________
посл. ред. 08.09.2021 в 23:56; всего 1 раз(а); by mrcatoff

Не проще ли блинком поставить (вырезка из моего css...иконка на новое сообщение):

css

   tr.inew div.icon {   background: url(https://forumstatic.ru/files/001a/c0/03/82479.png) no-repeat; animation: blinker 1s linear infinite; } @keyframes blinker {     30% { opacity: 0; } }

Ну или как вариант (будет бултых/переворот твоего + при нажатии):

css

   pageТВОЙ + КОРОЧЕ a:focus { transition: .5s;  -webkit-transform: rotateX(360deg);   transform: rotateX(360deg); }

________
посл. ред. 09.09.2021 в 04:24; всего 2 раз(а); by nefakt []

Форум На главную