Search
 
SCRIPT & CODE EXAMPLE
 

CSS

css3 background image curve

body {
  margin: 0;
  background: red;
}

div#back {
  position: relative;
  height: 200px;
  background-image: url(http://wearepeak.co.uk/wp-content/uploads/2016/02/testimonial.jpg);
  width: 100%;
  border-bottom-left-radius: 70% 60px;
  border-bottom-right-radius: 30% 10px;
}
Comment

PREVIOUS NEXT
Code Example
Css :: how to make background image fit to screen 
Css :: image rendering css 
Css :: ignore br css 
Css :: css border different sides 
Css :: terraform rds 
Css :: how to set image size without changing aspect ratio in css 
Css :: @each scss 
Css :: css animate border bottom left to right 
Css :: black gradient background effect 
Css :: paragraph next to image html 
Css :: css_background_img 
Css :: li not first child 
Css :: bootstrap 5 sidebar class 
Css :: css top padding 
Css :: css crop image to circle 
Css :: curve bottom of square css 
Css :: grid place between 
Css :: center div vertically and horizontally 
Css :: how to use font awesome with tailwind css 
Css :: superscript css 
Css :: how to remove lines from textarea 
Css :: email background image 
Css :: add image under header html 
Css :: border css shorthand 
Css :: multiple radial gradient css 
Css :: background-size 
Css :: css all uppercase to capitalize 
Css :: auto margin in css 
Css :: css scrollbar width 
Css :: @media query css 
ADD CONTENT
Topic
Content
Source link
Name
6+2 =