CSSBox -一个纯CSS Lightbox代替_html/css_WEB-ITnose
程序员文章站
2022-05-03 17:19:14
...
CSSBox
CSSBox -一个纯CSS Lightbox代替。An example page is available in the gh-pages branch, or online on GitHub Pages.
Why CSSBox?
- Actually lightweight (903b including comments, 607b excluding comments, unminified!)
- Centers the image
- Adds a nice, realistic shadow to the image
- Dims the background
- Completely responsive, works on any screen size
- Has a pretty fade in animation
- Absolutely no JavaScript
Usage
Upload cssbox.css to your server and add a stylesheet link to it in your CSS.
Add your images like this:
When a visitor clicks the tumbnail, the fullsize preview will appear in the center of the screen.
License
Creative Commons Zero 1.0
项目地址: https://github.com/TheLastProject/CSSBox
推荐阅读
-
开发一个基于纯网页的棋牌游戏,需要掌握那些技术?_html/css_WEB-ITnose
-
一个纯CSS写的登录的样式_html/css_WEB-ITnose
-
如何在html纯静态的一个单页中集成支付宝的在线支付_html/css_WEB-ITnose
-
使用纯CSS3创建一个纺锤形分隔线_html/css_WEB-ITnose
-
求一个简单的纯CSS3的实现_html/css_WEB-ITnose
-
TiTatoggle 一个基于Bootstrap3的纯CSS滑动开关按钮组件_html/css_WEB-ITnose
-
jquery封装了一个简洁轻巧的可拖动可自定义样式的纯div+css带遮罩层的仿模态弹出框_html/css_WEB-ITnose
-
CSSBox -一个纯CSS Lightbox代替_html/css_WEB-ITnose
-
多张图片在同一个DIV中水平居中并且垂直居中 不忽悠 纯DIV+CSS实现 不用JS_html/css_WEB-ITnose
-
使用纯CSS3实现一个3D旋转的书本_html/css_WEB-ITnose