Add a .img--circular class that makes a circular image with clip-path and shape-outside
This commit is contained in:
parent
6c59f940be
commit
0672ba0740
1 changed files with 14 additions and 0 deletions
14
assets/css/050_images.css
Normal file
14
assets/css/050_images.css
Normal file
|
@ -0,0 +1,14 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*********
|
||||||
|
* IMAGES
|
||||||
|
*********/
|
||||||
|
|
||||||
|
.img--circular {
|
||||||
|
shape-outside: circle(50%);
|
||||||
|
-webkit-clip-path: circle(50%);
|
||||||
|
clip-path: circle(50%);
|
||||||
|
}
|
Loading…
Add table
Add a link
Reference in a new issue