/* ----------------------------------------- */ /* View slug: slideshow-featured - start */ /* ----------------------------------------- */ .header-widget-left.logo-slider-widget a, a:hover, a:visited { color:#fff; } .fa-arrow-right { float:right; } .pagination-control { /*z-index: 9999999999999999; */ width:100vw; height 50vh; font-size: 20px; position: absolute; top:45vh; } aside.logo-slider-left {} aside.site-title-extra { display:none; } /* The animation code */ @keyframes slide-up { 0% {left:0px; top:0px;} 25% {left:0px; top:-25vh;} 50% {left:0px; top:-50vh;} 75% {left:0px; top:-75vh;} 100% {left:0px; top:-100vh;} } /* The element to apply the animation to */ div.slideup { width: 100px; height: 100px; position: relative; background-color: red; animation-name: slide-up; animation-duration: 4s; } /* ----------------------------------------- */ /* View slug: slideshow-featured - stop */ /* ----------------------------------------- */