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

'hasOwnProperty' in javascript -

python - ValueError: No axis named 1 for object type <class 'pandas.core.series.Series'> -

java - How to provide dependency injections in Eclipse RCP 3.x? -