JSFiddle - React, Tailwind, and code Playground

by SLAVOO SLAVOO

HTML

<div class="container">
            <div class="pierwszy">
                Div pierwszy
            </div>
            <div class="drugi">
                Div drugi
            </div>
        </div>

CSS

*, *:after, *:before {margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box}
            .container {
			position: relative
			}
            .pierwszy, .drugi {
			width: 300px; 
			height: 500px; 
			position: absolute; 
			top: 0; 
			left: 0
			}
            .pierwszy {
			background-color: red; 
			z-index: 1
			}
            .drugi {
			background-color: blue; 
			transition: margin 0.5s;
			}
            .pierwszy:hover + .drugi {
			margin-left: 300px;
			}