Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- margin: 0;
- padding: 0;
- }
- html,
- body {
- height: 100%;
- }
- body {
- overflow: hidden;
- display: flex;
- background: #111;
- perspective: 1000px;
- transform-style: preserve-3d;
- }
- #box {
- position: relative;
- display: flex;
- width: 130px;
- height: 200px;
- margin: auto;
- transform-style: preserve-3d;
- transform: rotateX(-10deg);
- }
- #box>img {
- transform-style: preserve-3d;
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- line-height: 200px;
- font-size: 50px;
- text-align: center;
- box-shadow: 0 0 10px #fff;
- -webkit-box-reflect: below 10px linear-gradient(#fff0, #fff4);
- }
- #box > p {
- margin: auto;
- transform: translateY(100px) rotateX(90deg);
- background-color: #0005;
- color: #fff;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement