mirror of
https://github.com/BeardedTek/flowbite-beardedtek.com.git
synced 2025-12-06 05:31:52 +00:00
begin to configure site - need to get rid of extra stuff still...
This commit is contained in:
33
static/css/word-slider.css
Normal file
33
static/css/word-slider.css
Normal file
@@ -0,0 +1,33 @@
|
||||
@keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.animate-fade-in-up {
|
||||
animation: fadeInUp 0.6s ease-out forwards;
|
||||
}
|
||||
|
||||
.word-slider div {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
transition: opacity 0.6s ease-in-out;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.word-slider div.is-visible {
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.word-slider {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
height: 2.5rem; /* Adjust height as needed */
|
||||
}
|
||||
Reference in New Issue
Block a user