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.
- Teenage Engineering OP-1
- Signature animation
- flower power
- Accordions and Constants
- Simple Get in Touch by Email Page