JSFiddle - React, Tailwind, and code Playground

by aybar

HTML

<div class="golge">
Mouse ile bu kutucuğun üzerine geldiğinizde arka planda gölge çıkacaktır. İsterseniz jquery ile birleştirip çok daha güzel şeyler yapabilirsiniz. Kolay gelsin.
</div>

CSS

div.golge {
	width: 300px;
	margin: 20px;
	border: 1px solid #ccc;
	padding: 10px;
	}
div.golge:hover {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
    }