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