html - Convert Fading Black Separator From "-webkit-gradient" To "linear-gradient" -


i have gradient using converted -webkit default linear-gradient. have tried using of css generating tools online import code in order see other browser specific variants, reason when import code gradient in results section becomes white.

    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black)); 

jsfiddle sample

use

.sexy_line {     background: linear-gradient(to right, white, black, white); } 

see mdn article more info on linear gradients.

demo

.sexy_line {       margin: 25px 0;      height: 1px;      background: black;      background: linear-gradient(to right, white, black, white);  }
<div class="sexy_line"></div>


Comments

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -