danfascia
/ svg-bottom-align-in-container.html
Created
December 22, 2018 19:21
Prevents a gap at the bottom of a container containing an SVG intended to be bottom placed (i.e. as a bottom border shape)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg style="display: block; position: absolute; width: 100%; bottom: 0; top: 100%"> | |
| <line id="HorizontalLine1118" x1="0" x2="100%" y1="0" y2="0"></line> | |
| </svg> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .box-shadow, .hover-box-shadow:hover { box-shadow: 0 0.5em 2em 0 rgba(100,100,100,.33); } |
NewerOlder