html - Rounded Left Side CSS -
i'm trying achieve following effect css, unfortunately efforts have failed trying modify code mildly right.
any appreciated.
you can use border-radius
only on 2 left corners , combine 2 values each, in example (you have try around bit find combination):
.outer { width: 500px; background-color: #ddd; overflow: auto; } .outer img { float: right; border-top-left-radius: 30px 50%; border-bottom-left-radius: 30px 50%; }
<div class="outer"> <img src="http://placehold.it/200x400/fb3"> </div>
Comments
Post a Comment