Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<section class="spotlight style3 orient- left content-align-right image-position-center onscroll-image-fade-in" id="first>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
/* Spotlight (style3) */ .spotlight.style3 { padding: 7rem 7rem 5rem 7rem ; -moz-align-items: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; display: -moz-flex; display: -webkit-flex; display: -ms-flex; display: flex; -moz-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -moz-justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; position: relative; overflow-x: hidden; text-align: left; } .spotlight.style3 .content { width: 44.5rem; max-width: 100%; } .spotlight.style3 .image { -moz-flex-grow: 0; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -moz-flex-shrink: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; width: 28rem; height: 15.5rem; margin-top: 0rem; margin-bottom: 1rem; margin-right: 10rem; } .spotlight.style3 .image img { -moz-object-fit: cover; -webkit-object-fit: cover; -ms-object-fit: cover; object-fit: cover; -moz-object-position: center; -webkit-object-position: center; -ms-object-position: center; object-position: center; display: inline-block; width: 100%; height: 100%; border-radius: 0; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>