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