Css border opacity

div {
       border: 1px solid rgba(255, 0, 0, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

How to give opacity to border

   border: 1px solid rgba(255, 0, 0, .5);

Source: stackoverflow.com

Similar codes

1 vote317 views2 answers
How to lighten the color of text in html
CSS
0 vote294 views1 answer
How blend two backgrounds css and isolate content
CSS
2 votes310 views1 answer
Bootstrap 5 auto darkmode 5
CSS
20 votes292 views5 answers
Css coor background
CSS
0 vote311 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
0 vote322 views1 answer
Link css in django template
CSS
1 vote365 views2 answers
What does clearfix for floats do in css
CSS
0 vote384 views2 answers
Create react app tailwind css with yarn
CSS
4 votes316 views2 answers
How to remove onclick input border
CSS
4 votes314 views1 answer
Make something unclickable css
CSS