slider-for-trainer
Version:
[BETA] Slider pour diapos formateur.
30 lines (23 loc) • 1.89 kB
HTML
<html lang="fr">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/assets/favicon.de1417a9.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Fonctionnement d'un serveur Node/Express</title>
<script type="module" crossorigin src="/assets/index.a86fc519.js"></script>
<link rel="modulepreload" href="/assets/vendor.1035d005.js">
<link rel="stylesheet" href="/assets/index.f36949b9.css">
</head>
<body class="animate__animated animate__fadeIn">
<style>.reveal .slide-number {left: 8px; right: inherit;top: 8px; bottom: inherit;border-radius: 3px;box-shadow: 1px 1px 2px #666;background: white;color: #444;position: absolute;}.reveal .slides img {box-shadow: 1px 1px 0px #444, -1px -1px 0px #444, -1px 1px 0px #444, 1px -1px 0px #444, 1px 1px 5px #666;border-radius: 3px;}.switch {position: absolute;right: 8px;top: 8px;display: inline-block;width: 60px;height: 34px;z-index: 999999999;}.switch input { opacity: 0;width: 0;height: 0;}.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}input:checked + .slider {background-color: #a730d9;}input:focus + .slider {box-shadow: 0 0 1px #a730d9;}input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}.slider.round {border-radius: 34px;}.slider.round:before {border-radius: 50%;}</style>
<!-- <label class="switch">
<input type="checkbox" checked>
<span class="slider"></span>
</label> -->
<div class="reveal">
<div class="slides">
</div>
</div>
</body>
</html>