Draw a curve with css

by

You could use an asymmetrical border to make curves with CSS.

border-radius: 50%/100px 100px 0 0;

VIEW DEMO

.box {
  width: 500px; 
  height: 100px;  
  border: solid 5px #000;
  border-color: #000 transparent transparent transparent;
  border-radius: 50%/100px 100px 0 0;
}
<div class="box"></div>

More Related Contents:

  1. Working with CSS in React [closed]
  2. Browser can’t access/find relative resources like CSS, images and links when calling a Servlet which forwards to a JSP
  3. Hiding the scroll bar on an HTML page
  4. CSS3 background image transition
  5. Is there a CSS selector by class prefix?
  6. Understanding z-index stacking order
  7. Position Relative vs Absolute?
  8. Why does the order of media queries matter in CSS?
  9. Truncating long strings with CSS: feasible yet?
  10. Remove padding from columns in Bootstrap 3
  11. Using the last-child selector
  12. External CSS vs inline style performance difference?
  13. Separators for Navigation
  14. xHTML/CSS: How to make inner div get 100% width minus another div width
  15. How to create multi-color border with CSS?
  16. Freeze screen in chrome debugger / DevTools panel for popover inspection?
  17. Modify twitter bootstrap navbar
  18. Can I have multiple :before pseudo-elements for the same element?
  19. CSS Text orientation : vertically oriented to the right
  20. Suggestions for debugging print stylesheets?
  21. Webfont Smoothing and Antialiasing in Firefox and Opera
  22. CSS Pseudo Element Counters: can you increment an alphabet letter “a”, “b”, “c”, etc instead of a number?
  23. How can I remove the gloss on a select element in Safari on Mac?
  24. CSS media queries min-width and min-device-width conflicting?
  25. How to set height property for SPAN
  26. IE and Edge fix for object-fit: cover;
  27. Detect if a browser in a mobile device (iOS/Android phone/tablet) is used
  28. CSS select the first child from elements with particular attribute
  29. Is @Page { size:landscape} obsolete?
  30. Background color of tspan element

Leave a Comment