You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
4.9 KiB
1 line
4.9 KiB
6 years ago
|
.circle-shape,.hexagon-shape,.octagon-shape,.oval-shape,.rectangle-shape,.square-shape{background:#666EE8}.triangle-down-shape,.triangle-up-shape{border-right:50px solid transparent;border-left:50px solid transparent}.square-shape{width:100px;height:100px}.rectangle-shape{width:200px;height:100px}.circle-shape{width:100px;height:100px;border-radius:50px}.oval-shape{width:200px;height:100px;border-radius:100px/50px}.triangle-up-shape{width:100px;height:100px;border-bottom:100px solid #666EE8}.triangle-down-shape{width:0;height:0;border-top:100px solid #666EE8}.triangle-left-shape,.triangle-right-shape{width:0;height:0;border-top:50px solid transparent;border-bottom:50px solid transparent}.triangle-left-shape{border-left:100px solid #666EE8}.star-shape,.triangle-bottomleft-shape,.triangle-topleft-shape{border-left:100px solid transparent}.triangle-right-shape{border-right:100px solid #666EE8}.triangle-topleft-shape,.triangle-topright-shape{border-top:100px solid #666EE8;width:0;height:0}.star-shape,.triangle-bottomright-shape,.triangle-topright-shape{border-right:100px solid transparent}.triangle-bottomleft-shape,.triangle-bottomright-shape{width:0;height:0;border-bottom:100px solid #666EE8}.star-shape{margin:50px 0;position:relative;display:block;color:#666EE8;width:0;height:0;border-bottom:70px solid #666EE8;-webkit-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);transform:rotate(-35deg)}.star-shape:after,.star-shape:before{position:absolute;width:0;content:'';height:0;display:block}.star-shape:before{border-bottom:80px solid #666EE8;border-right:30px solid transparent;border-left:30px solid transparent;top:-45px;right:-65px;-webkit-transform:rotate(35deg);-moz-transform:rotate(35deg);-ms-transform:rotate(35deg);-o-transform:rotate(35deg);transform:rotate(35deg)}.star-shape:after{color:#666EE8;top:3px;right:-105px;border-left:100px solid transparent;border-bottom:70px solid #666EE8;border-right:100px solid transparent;-webkit-transform:rotate(70deg);-moz-transform:rotate(70deg);-ms-transform:rotate(70deg);-o-transform:rotate(70deg);transform:rotate(70deg)}.pentagon-shape{position:relative;width:54px;border-width:50px 18px 0;border-style:solid;border-color:#666EE8 transparent}.pentagon-shape:before{content:"";position:absolute;height:0;width:0;top:-85px;right:-18px;border-width:0 45px 35px;border-style:solid;border-color:transparent transparent #666EE8}.hexagon-shape{width:100px;height:55px;position:relative}.hexagon-shape:after,.hexagon-shape:before{content:"";position:absolute;right:0;width:0;height:0;border-right:50px solid transparent;border-left:50px solid transparent}.hexagon-shape:before{top:-25px;border-bottom:25px solid #666EE8}.hexagon-shape:after{bottom:-25px;border-top:25px solid #666EE8}.octagon-shape{width:100px;height:100px;position:relative}.octagon-shape:after,.octagon-shape:before{content:"";position:absolute;right:0;border-right:29px solid #eee;border-left:29px solid #eee;width:42px;height:0}.octagon-shape:before{top:0;border-bottom:29px solid #666EE8}.octagon-shape:after{bottom:0;border-top:29px solid #666EE8}.heart-shape{position:relative;width:100px;height:90px}.heart-shape:after,.heart-shape:before{position:absolute;top:0;height:80px;background:#666EE8;border-radius:50px 50px 0 0;width:50px;content:""}.heart-shape:before{right:50px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}.heart-shape:after{right:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}.cut-diamond-shape{border-style:solid;border-color:transparent transparent #666EE8;border-width:0 25px 25px;he
|