In the last couple of months I’ve worked on several projects that needed an overlay with some content on it. Some front-end frameworks as for example Bootstrap refer to them as modals.
To tackle these problems I decided to write my own implementation of a modal that fulfills what I need.
Modals built out of pure CSS
CSS Modal is the result of this experiment.
Here is what is cool about it:
- The modals are designed using responsive web design methods.
- It is accessible, cross-browser, media-adaptive, small and fast!
Another cool thing is that you can use CSS Modal as Sass plugin and apply it to your custom classes using Sass placeholders.
General feedback is also very welcome. Please tweet me!