remove pause fx when hover, add loop for image

This commit is contained in:
amirhamzan
2023-12-30 07:00:41 +08:00
parent 4d775bec90
commit 6c86a59671
+5 -11
View File
@@ -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');
});