efekt HAL3000

by Petr Haluza

HTML

<div class="efekt">ahoj</div>

CSS

* {box-sizing: border-box}

.efekt { height: 600px; width: 1024px; border:1px solid red; position: relative}
.efekt:after {
	background-image: linear-gradient(to right, rgb(239, 39, 39), rgba(239, 68, 68, 0.5), rgba(0, 0, 0, 0));
content: "";
display: block; position: absolute; z-index: 1;
height: 50%; width: 50%;
right: 0;
transform: matrix(-0.3, 1, -1, 0, 0, 0);

}