- Hello everyone, welcome to the customize blog that I'd created for you. - check out my other blog at
https://jerrybustillo.blogspot.com
- You can also add quotes, or some other text format what ever you like in this area
- You can also customized your own text here — check out my other blog at
https://jerrybustillo.blogspot.com
- You can also add quotes, or some other text format what ever you like in this area
Put this between <HEAD> in Edit HTML or you can copy the entire script in New Gadget HTML/JavaScript
<style>
/* TOP CONTINUOUS MARQUEE */
.top-marquee {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 36px;
background: #000;
overflow: hidden;
z-index: 10000;
}
/* WRAPPER */
.marquee-inner{
display: flex;
width: max-content;
animation: marquee-scroll 18s linear infinite;
}
/* TRACK */
.marquee-track{
display:flex;
align-items:center;
white-space:nowrap;
padding-right:60px;
font-size: 1em;
top:20;
padding:10;
}
/* TEXT */
.marquee-track span {
font-size:0.4em;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
letter-spacing:.07em;
text-shadow:
0 0 4px #ff0000,
0 0 8px #ff0000,
0 0 14px rgba(255,0,0,.9),
0 0 22px rgba(255,0,0,.8);
}
/* LINK */
.marquee-track a {
color:#ffcc00;
font-weight:bold;
text-decoration:none;
}
.marquee-track a:hover {
color:#fff;
text-shadow:
0 0 6px #fff000,
0 0 14px #ff0000,
0 0 26px rgba(255,80,80,1);
}
/* CONTINUOUS ANIMATION */
@keyframes marquee-scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
</style>
<div class="top-marquee">
<div class="marquee-inner">
<div class="marquee-track">
<span>
- Hello everyone, welcome to the customize blog that I'd created for you. - check out my other blog at <a href="https://jerrybustillo.blogspot.com" rel="nofollow" target="_blank">https://jerrybustillo.blogspot.com</a> - You can also add quotes, or some other text format what ever you like in this area.
</span>
</div>
<div class="marquee-track">
<span>
- Hello everyone, welcome to the customize blog that I'd created for you. - You can also customized your own text here. - check out my other blog at <a href="https://jerrybustillo.blogspot.com" rel="nofollow" target="_blank">https://jerrybustillo.blogspot.com</a> - You can also add quotes, or some other text format what ever you like in this area.
</span>
</div>
</div>
</div>
Note: On Text in Purple Change the Link of the Text that you want to be shown, or just customized everything ...
No comments:
Post a Comment