gradient border

greadient border going from bottom to top

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-bottom: 4px solid transparent;
	border-image: repeating-linear-gradient(to right, #60c1d1 0%, #007c90 100%);
	border-image-slice: 1;
    }