Photo Editor
HTML5
CSS3
Features
Apply image filters using CSS
Interactive filter controls using radio buttons and labels
Pure HTML and CSS implementation
Responsive filter layout using Flexbox
Dark-themed interface
Multiple preset image effects
How It Works
Each filter option is connected to a hidden radio button. When a label is clicked, CSS selectors apply a specific filter effect to the image.
Example:
#blur1:checked ~ .container #img {
filter: blur(1.5px);
}
This creates an interactive image editing experience entirely through CSS.