September 11, 2021

CSS Code for Skewed Effect :root{ –grad1: #00ccff; –grad2: #0e1538; –grad3: #d400d4; } selector{ position: relative; z-index: 999; } /*SKEWED EFFECT*/ selector::before, selector::after{ content: ”; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; -webkit-transform: skewX(2deg) skewY(4deg); transform: skewX(2deg) skewY(4deg); background: -webkit-linear-gradient(135deg, var(–grad1), var(–grad2), var(–grad3)); background: linear-gradient(315deg, var(–grad1), var(–grad2), var(–grad3)); z-index: -9; } CSS […]