Rollover per oggetto html 
Auteur : Luigi Dell'aquila
Visité 681,
Followers 2,
Partagé 0
Ciao a tutti
avrei bisogno di creare del testo scorrevole in verticale con dei link (tipo il RollOver dell'oggetto testo) da inserire in un oggetto html. Non il tag <marque> che è deprecato.
Grazie
Posté le
... hai già provato con il > Rollower del testo ...?...
ciao
.
Auteur
Ciao KolAsim. Sì l'ho provato, ma mi serviva nell'oggetto html perchè ho da inserire altro
... copia/incolla e capirai da te...
... ciao...
<!-- preferibilmente per sezione /HEAD - 3^opz. -->
<style>
.scrollK:hover {animation-play-state: paused;}
@keyframes scrollK {0% { top:300px } 100% {top:-300px }}
</style>
<!-- per Oggetto Codice HTML -->
<div style="position:relative;width:300px; height:300px;overflow-y:hidden;">
<div class="scrollK" style="position:relative;animation: scrollK 15s linear infinite;">
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="pippo.html"> PIPPO </a>, Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <a href="pluto.html"> PLUTO </a>,Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<img src="https://cdn.pixabay.com/photo/2018/04/25/22/10/silhouette-3350708__340.png" width="150" />
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="pippo.html"> PIPPO </a>, Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <a href="pluto.html"> PLUTO </a>,Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
</div>
</div>
.
Auteur
Sì grazie va bene, c'è la possibilità di bloccare al passaggio del mouse?
... in teoria doveva già funzionare...
... comunque, nella stringa di riferimento aggiungi la parte qui appresso in grassetto..
.scrollK:hover {animation-play-state: paused !important;}
.
Auteur
Sì, ora funziona, grazie Kolasim.
Questo post lo chiudo perchè ho risolto, ma ne riapro un altro perchè ho altri problemi.