Sign up here with your email
Two Side Different Color Border Use CSS3 Gradient And Before after
Two Side Different Color Border Use CSS3 Gradient And Before after Example Code : http://ift.tt/2mDeLxq Gradient Site : http://ift.tt/2yeWHyU Music collect by : youtube.com Youtube: https://www.youtube.com/channel/UCscH1f1ZqF5_sclTHonHulA Facebook:http://ift.tt/29UnF49 Twitter: https://twitter.com/PobonPaul1994 Blog:http://ift.tt/29UbyzN Google+:http://ift.tt/29UnR3o You can also find me : http://ift.tt/1kItLhs body { margin: 0; padding: 0; overflow-x: hidden; box-sizing: border-box; } .border { position: relative; height: 40px; width: 95%; margin: 40px auto 40px auto; } .border_1 { /* IE10+ */ background-image: -ms-linear-gradient(right, #FF004C 50%, #3366FF 50%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(right, #FF004C 50%, #3366FF 50%); /* Opera */ background-image: -o-linear-gradient(right, #FF004C 50%, #3366FF 50%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, right top, left top, color-stop(50, #FF004C), color-stop(50, #3366FF)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(right, #FF004C 50%, #3366FF 50%); /* W3C Markup */ background-image: linear-gradient(to left, #FF004C 50%, #3366FF 50%); } .border_2:before, .border_2:after { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 50%; background-color: #333; } .border_2:after { left: inherit; right: 0; background-color: #222; } Extra tag : Two Side Different Color Border Use CSS3 Gradient And Before after,css3 border effects,pseudo elements css,gradient css tutorial,two side border design,css advanced tricks,css advanced selectors,css advanced techniques,html5 css3 advanced tutorial,advanced html5 and css3 tutorial in bangla,advanced html5 and css3 tutorial,advanced html and css tutorial bangla,css3 pseudo elements selector,css3 boder use gradient tutorial
ConversionConversion EmoticonEmoticon