Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .tophalf {
- position:absolute;
- width: 196px; height:100px;
- -webkit-border-top-left-radius: 193px;
- -webkit-border-top-right-radius: 193px;
- -moz-border-radius-topleft: 193px;
- -moz-border-radius-topright: 193px;
- border-top-left-radius: 193px;
- border-top-right-radius: 193px;
- background: -moz-linear-gradient(left, #db9771 1%, #cc5f7f 51%, #c30380 100%);
- background: -webkit-gradient(linear, left top, right top, color-stop(1%,#db9771), color-stop(51%,#cc5f7f), color-stop(100%,#c30380));
- background: -webkit-linear-gradient(left, #db9771 1%,#cc5f7f 51%,#c30380 100%);
- background: -o-linear-gradient(left, #db9771 1%,#cc5f7f 51%,#c30380 100%);
- background: -ms-linear-gradient(left, #db9771 1%,#cc5f7f 51%,#c30380 100%);
- background: linear-gradient(to right, #db9771 1%,#cc5f7f 51%,#c30380 100%);
- }
- .inner {
- position: relative; z-index: 1;
- top: 16px; left: 18px;
- width: 160px; height: 160px;
- background-color: white;
- border-radius: 100%;
- }
- .bottomhalf {
- position:absolute;
- top:100px;
- width: 196px; height:100px;
- -webkit-border-bottom-right-radius: 193px;
- -webkit-border-bottom-left-radius: 193px;
- -moz-border-radius-bottomright: 193px;
- -moz-border-radius-bottomleft: 193px;
- border-bottom-right-radius: 193px;
- border-bottom-left-radius: 193px;
- background: -moz-linear-gradient(left, #db9771 1%, #edc552 51%, #ffec00 100%);
- background: -webkit-gradient(linear, left top, right top, color-stop(1%,#db9771), color-stop(51%,#edc552), color-stop(100%,#ffec00));
- background: -webkit-linear-gradient(left, #db9771 1%,#edc552 51%,#ffec00 100%);
- background: -o-linear-gradient(left, #db9771 1%,#edc552 51%,#ffec00 100%);
- background: -ms-linear-gradient(left, #db9771 1%,#edc552 51%,#ffec00 100%);
- background: linear-gradient(to right, #db9771 1%,#edc552 51%,#ffec00 100%);
- }
- <div class='container'>
- <div class='tophalf'></div>
- <div class='inner'></div>
- <div class='bottomhalf'></div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement