Answers for "border radius top right"

CSS
47

css rounded corners

/* Set rounded corners with border-radius property */

.class {
  border-radius: 4px;
}

.circle {
  border-radius: 50%;
}
Posted by: Guest on February-15-2020
2

css rounded corners at top only

border-radius: 10px     10px      0           0;
            // top-left top-right bottom-right bottom-left.
Posted by: Guest on April-01-2020
12

how to make borders rounded in css

#rcorners {
  border-radius: 25px;
}
Posted by: Guest on April-27-2020
4

how to round the corners of a div outline in css

div {
  outline: auto;
  outline-style: round;
}
Posted by: Guest on September-12-2020
1

css border radius top

.div {
	border-radius: 15px 50px 30px 5px; /*TL TR BR BL*/
  	border-radius: 15px 50px 30px; /*TL TRBL BR*/
  	border-radius: 15px 50px; /*TLBR TRBL*/
  	border-radius: 15px; /*All corners*/
}
Posted by: Guest on July-18-2021
0

curve bottom of square css

.round-bottom { 
  border-bottom-left-radius: 50% 150px !important;
  border-bottom-right-radius: 50% 150px !important;
  position: relative;
  overflow: hidden;
  width: 160%; 
  margin-bottom:-50px;
  left:-30%; 
  background-color:#444;
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/a/a2/Tropical_Forest_with_Monkeys_A10893.jpg'); background-position: center center;
  background-size: 42% auto;
  height:150px;
}
.container { width: 100%; height: height:100px; padding-bottom:50px; overflow:hidden;}

<div class="container"><div class="round-bottom"></div></div>
Posted by: Guest on September-02-2020

Browse Popular Code Answers by Language