Skip to content
OverviewSolutions
2
Comments
1
Daniel Castro
@danielscastro

All comments

  • ApplePieGiraffe•30,545
    @ApplePieGiraffeSubmitted over 2 years ago

    Hey, everybody! 👋

    This was a fun challenge in which I learned how to use and style the <details> and <summary> HTML elements.

    I also added a bobbing animation to the floating cube (with a small touch from the drop-shadow CSS function) and animated the linear-gradient background with this helpful tool.

    I'm quite happy with the result! 😊

    Any feedback on both the design and code is welcome and appreciated! 😃

    Happy coding! 😁

    EDIT: For some reason, the details marker on each of the FAQs is showing up in the screenshot (even though I set their display to none) but they're gone on the actual page, as far as I can tell.

    Pure CSS FAQ Accordion Card With Sweet CSS Animations

    19
    Daniel Castro•70
    @danielscastroPosted about 4 years ago

    Amazing job! I made sure to save it for future reference in case I need it xD. The way you made the box glue with the white content box was what me made go crazy when I tried this challenge, but I see your resolution works perfectly.

    Keep coding, my friend!

    3