вставил себе готовый код акордиона на сайт.

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

  &: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)
Скачиваний: 111

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

Не проще ли блинком поставить (вырезка из моего 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; } }

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

pageТВОЙ + КОРОЧЕ a:focus {

 transition: .5s;

  -webkit-transform: rotateX(360deg);

   transform: rotateX(360deg);

 }

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