Native Html Details Element Styled Via Css

See the Pen Native Html Details Element Styled Via Css by HTMasterL (@HTMasterL) on CodePen.

Native Html Details Element Styled Via Css

Description: Implementation of an accordion-like component using only the details/summary native HTML element and CSS for styling. Best results can be seen in Chrome or Blink-based browsers. Firefox and others have decent results as well, but they could be improved creating alternative open/close icons.

Browsers: Chrome Edge Firefox Opera Safari

Made with: HTML CSS (SCSS)

Responsive:Yes

Posted: 12.01.2021

Similar Examples