gradient border

greadient border going from bottom to top

by yash009

HTML

<div class="pointerDescription">
            <ul>
                <li>
                    <u>
                        <strong>something</strong>
                    </u>
                </li>
                <li>
                    something
                </li>
                <li>
                    something
                </li>
                <li>
                    something
                </li>
                <li>
                    something
                </li>
            </ul>
        </div>

CSS

.pointerDescription {
	width: 250px;
	height: 250px;
	border: 1px solid transparent;
	border-image: linear-gradient(to top, #3a4ed5 0%, #f2f2f2 100%);
	border-image-slice: 1;
    }