[Solved] Client wants following css button [closed]
You can do it like this using css linear gradients. See below example. button { padding: 20px 40px; font-size: 16px; color: #FFF; padding-left: 10px; border:none; background: linear-gradient(to right, rgba(255,38,0,1) 0%, rgba(246,41,12,1) 74%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 77%, rgba(255,111,0,1) 78%, rgba(255,111,0,1) 87%, rgba(255,255,255,1) 88%, rgba(255,255,255,1) 89%, rgba(247,255,0,1) 93%, rgba(247,255,0,1) 100%); } button:focus { outline:none; } <button>Explore</button> solved … Read more