1 line
1.1 KiB
CSS
1 line
1.1 KiB
CSS
.triangle-border{position:relative;padding:15px;margin:1em 0 3em;border:5px solid #5a8f00;color:#333;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.triangle-border:after,.triangle-border:before{content:"";position:absolute;border-style:solid;display:block;width:0}.triangle-border.left{margin-left:30px}.triangle-border.right{margin-right:30px}.triangle-border:before{bottom:-20px;left:40px;border-width:20px 20px 0;border-color:#5a8f00 transparent}.triangle-border:after{bottom:-13px;left:47px;border-width:13px 13px 0;border-color:#fff transparent}.triangle-border.left:before{top:10px;bottom:auto;left:-30px;border-width:15px 30px 15px 0;border-color:transparent #5a8f00}.triangle-border.left:after{top:16px;bottom:auto;left:-21px;border-width:9px 21px 9px 0;border-color:transparent #fff}.triangle-border.right:before{top:10px;bottom:auto;left:auto;right:-30px;border-width:15px 0 15px 30px;border-color:transparent pink}.triangle-border.right:after{top:16px;bottom:auto;left:auto;right:-21px;border-width:9px 0 9px 21px;border-color:transparent #fff} |