File manager - Edit - /home/opticamezl/www/newok/templates/yootheme/packages/styler/tests/animation.html
Back
<div class="uk-section uk-section-default uk-flex uk-flex-middle" uk-height-viewport> <div class="uk-width-1-1"> <div class="uk-container"> <div class="uk-child-width-1-2@s uk-child-width-1-3@m uk-margin-large-top" uk-grid> <div class="uk-animation-toggle" tabindex="0"> <div class="uk-card uk-card-default uk-card-body uk-animation-fade"> <h3 class="uk-card-title">Fade</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> </div> <div class="uk-animation-toggle" tabindex="0"> <div class="uk-card uk-card-default uk-card-body uk-animation-scale-up"> <h3 class="uk-card-title">Scale Up</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> </div> <div class="uk-animation-toggle" tabindex="0"> <div class="uk-card uk-card-default uk-card-body uk-animation-scale-up uk-animation-fast"> <h3 class="uk-card-title">Fast</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> </div> <div class="uk-animation-toggle" tabindex="0"> <div class="uk-card uk-card-default uk-card-body uk-animation-slide-left"> <h3 class="uk-card-title">Slide</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> </div> <div class="uk-animation-toggle" tabindex="0"> <div class="uk-card uk-card-default uk-card-body uk-animation-slide-left-small"> <h3 class="uk-card-title">Slide Small</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> </div> <div class="uk-animation-toggle" tabindex="0"> <div class="uk-card uk-card-default uk-card-body uk-animation-slide-left-medium"> <h3 class="uk-card-title">Slide Medium</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> </div> </div> <div class="uk-inline-clip uk-grid-margin"> <canvas class="uk-animation-kenburns uk-transform-origin-center-right test-img" width="1600" height="200"></canvas> <div class="uk-position-center"> <h3 class="uk-margin-remove-bottom">Ken Burns</h3> </div> </div> </div> </div> </div>
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings