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

.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
потом прописал в строке где название онлайн так

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

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

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

то встает прозрачный блок каторый в том же фаиле main.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)
Скачиваний: 136

..

Изображение

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

189350283 ,

.sign-wrap-1, .sign_word {

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

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

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