Test

<style>

.box { margin: 5%; max-width: 100%; padding: 20px 50px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); background-color: #ffffff; transition: all 0.7s; font-family: color: #006D33; font-size: 16px; letter-spacing: 1px; }

.box:hover { animation-duration: 0.25s; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }

</style>




<div>

<h2>Hover Over Me!</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>

</div>

Používám cookies, abych zajistil správné fungování a bezpečnost mých stránek. Tím vám můžu zajistit tu nejlepší zkušenost při jejich návštěvě. Více o souhlasu...

Pokročilá nastavení

Zde můžete upravit své preference ohledně cookies. Následující kategorie můžete povolit či zakázat a svůj výběr uložit.

Bez nezbytných cookies se neobejde správné a bezpečné fungování našich stránek a registrační proces na nich.
Funkční cookies ukládají vaše preference a uzpůsobí podle nich naše stránky.
Výkonnostní cookies monitorují výkon našich stránek.
Díky marketingovým cookies můžeme měřit a analyzovat výkon našeho webu.
f