Ajax Loader
×

CSS Only Show/Hide

A very amazing CSS-only Show/Hide effect created by @genelocklin. It uses checkbox as the "Read More" button. When clicked (or checked), the image's and section's width is changed to 100%. There are two sections initially with the second one hidden. So, on clicking the checkbox, all the sections are made visible and hence it makes it look like that the text is expanded.

A very clever trick which can be used practically in your projects.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    CSS Only Show/Hide

    CSSDeck G+