css - Background images rounded cornes -
i want make rounded cornes on background images. seems effect div box instead.
<div class="watermark"> <div class="watermark-image" style="background-image:url({{blogthreadlist.bloguri}});"></div> <div class="col-md-12">something else</div> <div class="col-md-12">something more..</div> <div class="col-md-12">something @ end</div>
.watermark { display: block; position: relative; } .watermark-image { content: ""; opacity: 0.2; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }
how round cornes of images , not div box? div larger picture..
you can have separate <img>
tag image , set border-radius
<div class="watermark-image"><img class="rounded-img" src="{{blogthreadlist.bloguri}}"></img></div>
css
.rounded-img { border-radius: 3px; }
Comments
Post a Comment