I've set up a news feed that reads the information in a bank, but I need instead of each line being printed one after the other, I need an interval between each impression with a blank line to be able to have something like this:
- printed news 01 (scroll right screen to left)
- range (no info)
- printed news 02 (scroll right to left)
The code I'm using is this:
<?php
//conexão + select
$query = mysql_query("SELECT");
if(mysql_num_rows($query)) { ?>
<p class="">
<ul class="">
<li class="">
<?php while($ln=mysql_fetch_array($query)) {
$feed=$ln['desc_noticias'];
?>
<?php echo $feed; ?>
<?php } ?>
</li>
<?php } ?>
</ul>
</p>
CSS:
.marquee {
width: 100%;
margin: 0 auto;
margin-top: 0;
overflow: hidden;
white-space: nowrap;
background-color: #20407B;
color: white;
box-sizing: border-box;
animation: marquee 50s linear infinite;
-webkit-animation: marquee 50s linear infinite;
}
.marquee:hover {animation-play-state: paused; -webkit-animation-play-state: paused; }
@keyframes marquee {
0% { text-indent: 27.5em }
100% { text-indent: -105em }
}
@-webkit-keyframes marquee {
0% { text-indent: 27.5em }
100% { text-indent: -105em }
}
It should be pretty easy, but I can not see a solution. Thanks for the help!
Note: the hints that have been given so far make all the records appear together, interspersed with blank lines, but this is not the solution I need, thanks for the consideration as well, waiting for help!