Horje
outline radius css Code Example
css rounded corners 
/* Set rounded corners with border-radius property */

.class {
  border-radius: 4px;
}

.circle {
  border-radius: 50%;
}
how to round the corners of a div outline in css 
div {
  outline: auto;
  outline-style: round;
}
css round outline 
/*A box-shadow can be used for a similar effect*/

.your-box-or-button-class{
box-shadow: 0 0 3px #000000;
}
outline-radius css 
/*need perfix until now 4/23/2021*/

/*
-webkit- => Chrome, Safari, New Opera Version
-moz- => Firefox
-ms- => Ie, Edge
-o- => Old Version of Opera
*/

/* One value */
-moz-outline-radius: 25px;

/* Two values */
-moz-outline-radius: 25px 1em;

/* Three values */
-moz-outline-radius: 25px 1em 12%;

/* Four values */
-moz-outline-radius: 25px 1em 12% 4mm;

/* Global values */
-moz-outline-radius: inherit;
-moz-outline-radius: initial;
-moz-outline-radius: unset;
Source: developer.mozilla.org
css border radius 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
outline radius css 
/* use box-shadow instead of outline radius */
box-sizing: border-box;
border-radius: 100%;
border: 3px solid #dadada;
box-shadow: 0 0 0 2px #fff inset;



Css

Related
keyframe in css Code Example keyframe in css Code Example
css animation linear Code Example css animation linear Code Example
css clicked event Code Example css clicked event Code Example
scss add keyframe Code Example scss add keyframe Code Example
padding css Code Example padding css Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 10



 

Horje