Bymas | мигающий текст

народ вот смотрите хочу поставить чтоб онлайн мегало на сайте нашел вот такой стиль

css

   .sign-wrap-1 {     background: #337AB7;     text-align: center;     padding: 60px 20px; } .sign-wrap-1 .sign_word {     font-size: 40px;     font-weight: bold;     line-height: 50px;     color: #FFF;     font-family: 'Roboto', sans-serif;     text-transform: uppercase;     animation: neon-1 .1s ease-in-out infinite alternate; } @keyframes neon-1 {     from {         text-shadow: 0 0 6px rgba(202, 228, 225, 0.92), 0 0 30px rgba(202, 228, 225, 0.34), 0 0 12px rgba(191, 226, 255, 0.52), 0 0 21px rgba(191, 226, 255, 0.92), 0 0 34px rgba(191, 226, 255, 0.78), 0 0 54px rgba(191, 226, 255, 0.92);     }     to {         text-shadow: 0 0 6px rgba(202, 228, 225, 0.98), 0 0 30px rgba(202, 228, 225, 0.42), 0 0 12px rgba(191, 226, 255, 0.58), 0 0 22px rgba(191, 226, 255, 0.84), 0 0 38px rgba(191, 226, 255, 0.88), 0 0 60px #FFF;     } }

добавил этот стиль в style/main.css потом прописал в строке где название онлайн так

php

   echo'<div class="sign-wrap-1"><a class="text1" href="/online"><span class="sign_word">Онлайн:</span> '.$sett['online'].'</p></a> </div>

и отоброжаеться онлайн с боку и текст не маргает а если прописать так

php

   echo'<div class="block7"><a class="text1" href="/online"><span class="sign_word">Онлайн:</span> '.$sett['online'].'</p></a> </div>

то встает прозрачный блок каторый в том же фаиле main.css вот сам код блока

css

   } .block7 {border: 1px solid #767676;margin:10px 0px 5px 0px;padding:5px 0px 5px 0px;text-align:left;position: relative;text-align:center; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; }

не понятно почему блок встает а мигающий текс нет

Изображение

------

83101_20082022094842.jpg (6.4 Kb)
Скачиваний: 155

..

Изображение

------

83102_20082022094646.jpg (6.0 Kb)
Скачиваний: 144

189350283 ,

css

   .sign-wrap-1, .sign_word {

________
посл. ред. 20.08.2022 в 10:32; всего 1 раз(а); by RezzidenT

все решил проблему сделал это так..

php

   echo'<div class="block1"><a class="text1" href="/online"><div class="blink_text" >Онлайн '.$sett['online'].'</a></span></div> <style type="text/css"> .blink_text { animation:1s blinker linear infinite; color: #00f; font-size:18px; font-weight:bold; } .blink_text a {color:#f00;} @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } </style>

теперь все работает и не пришлось трогать фаил стиля main.css