css - padding-left 100% on element extends over parent left border -
i'd need extend padding-left or margin-left of div 100% animation, text in div outside parent box resp. outside padding on right side.
the div within bootstrap <div class="row"><div class="col-mod-12">...</div></div>
, has otherwise no special formatting.
do have tip me how can push element of animatable css property (text-align not animatable) right, within parent container? i'd grateful.
code (without browser pre-fix):
<style> @keyframes slidein { 0% { padding-left: 0; } 100% { padding-left: 100%; } } div.slidein { animation: slidein 3s infinite alternate; } </style> <div class="slidein"> animate </div>
asking helps trigger thinking. works follows:
@keyframes slidein { 0% { width: 0; } 100% { width: 100%; } } div.slidein { display: inline-block; text-align: right; animation: slidein 3s infinite alternate; }
sorry bother. mdn has example margin-left: https://developer.mozilla.org/en-us/docs/web/guide/css/using_css_animations
Comments
Post a Comment