html - Rounded Left Side CSS -


i'm trying achieve following effect css, unfortunately efforts have failed trying modify code mildly right.

any appreciated.

enter image description here

you can use border-radiusonly 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

Popular posts from this blog

Command prompt result in label. Python 2.7 -

javascript - How do I use URL parameters to change link href on page? -

amazon web services - AWS Route53 Trying To Get Site To Resolve To www -