Image Animation- Add Transparent Gradient or Image

Viewing 2 replies - 1 through 2 (of 2 total)

  • It depends on the markup. Suppose we have something like this

    <div class="somediv">
	<a href="">
		<img class="">
	</a>
</div>

    The CSS would be like this

    .somediv a {
	display: block;
	position: relative;
}

.somediv a:hover:before {
	background: red;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
}

    and change “red” to rgba or some transparent image.

    Thread Starter lilytreehe

    (@lilytreehe)

    Thanks a lot paulwpxp! I will try this right away ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image Animation- Add Transparent Gradient or Image’ is closed to new replies.