remove pause fx when hover, add loop for image
This commit is contained in:
@@ -27,10 +27,6 @@
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.logos:hover .logos-slide {
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
.logos-slide {
|
||||
display: inline-block;
|
||||
animation: 120s slide infinite linear;
|
||||
@@ -140,17 +136,15 @@
|
||||
<div class="logos-slide">
|
||||
<img src="{{ asset('img/logo-pkb-grey.webp') }}" alt="logo">
|
||||
<img src="{{ asset('img/logo-kopkb-grey.webp') }}" alt="logo">
|
||||
<img src="{{ asset('img/logo-pkb-grey.webp') }}" alt="logo">
|
||||
<img src="{{ asset('img/logo-kopkb-grey.webp') }}" alt="logo">
|
||||
<img src="{{ asset('img/logo-pkb-grey.webp') }}" alt="logo">
|
||||
<img src="{{ asset('img/logo-kopkb-grey.webp') }}" alt="logo">
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var copy = document.querySelector(".logos-slide").cloneNode(true);
|
||||
document.querySelector(".logos").appendChild(copy);
|
||||
|
||||
$(document).ready(function() {
|
||||
for (let i = 0; i < 20; i++) {
|
||||
var copy = document.querySelector(".logos-slide").cloneNode(true);
|
||||
document.querySelector(".logos").appendChild(copy);
|
||||
}
|
||||
|
||||
$('#check').click(function() {
|
||||
$(this).is(':checked') ? $('#password').attr('type', 'text') : $('#password').attr('type', 'password');
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user