BLOG, MAGAZINE, EDUCATION & VIDEO WORDPRESS THEMES

CSS Gradient Border Colors

June 19, 2018

In the past, to create special borders like gradient we often use images. Today, it becomes much cleaner with the use of CSS3 Gradient Border color. The method is by using CSS3 border-image property. The border-image property in CSS3 allows us to fill the border with an image as well as CSS3 Gradient. The browsers support for border-image are quite great; Chrome, Internet Explorer 11, Firefox, Safari, and Opera are all capable to fully render border-image. Following I have made a little example by applying CSS3 Gradient border color. Well, let’s see how the trick works.

HTML:

<div class=”c-boder”>

<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s</p>

Categories

Follow & Like Us

BEST SELLER

WordPress themes for videos & education

About CactusThemes

We are Power Elite Author on Envato. We specialized in WordPress Themes and Plugins development. Our products focus on User Experience and Business Solution, in many categories such as Video, Sport, Magazine, University, Blog...