Curseur d'images HTML CSS JavaScript

364 AmirAliAkrami

Ouvrir dans l'éditeur Publiez votre code

Recommandé

11 September 2025

Exemple de bloc de code d'animation CSS

10 November 2024

Formulaire OTP HTML CSS

26 July 2025

Éditeur HTML en ligne | CodeCanvas - Outil de développement web gratuit

HTML

<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Слајдер</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        .slider {
            position: relative;
            max-width: 100%;
            margin: auto;
            overflow: hidden;
        }
        .slides {
            display: flex;
            transition: transform 0.5s ease;
        }
        .slide {
            min-width: 100%;
            box-sizing: border-box;
        }
        .navigation {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
        }
        .button {
            background-color: rgba(255, 255, 255, 0.8);
            border: none;
            cursor: pointer;
            padding: 10px;
        }
    </style>
</head>
<body>

function nextSlide() {
        showSlide(currentSlide + 1);
    }

function prevSlide() {
        showSlide(currentSlide - 1);
    }
</script>

</body>
</html>

Recommandé

Exemple de bloc de code d'animation CSS

Formulaire OTP HTML CSS

Éditeur HTML en ligne | CodeCanvas - Outil de développement web gratuit

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS