Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @font-face {
- font-family:'PingWing';
- src: url(https://dl.dropbox.com/s/5z5897hywveuh17/pingwing.ttf);
- }
- #container01 > .wrapper {
- border-radius: .75em .75em 0em 0em;
- }
- #container02 > .wrapper {
- height: 15em;
- }
- #container03 > .wrapper {
- border-radius: 0em 0em .75em .75em;
- }
- #container04 > .wrapper {
- height: 15.125em;
- width: 22em;
- overflow: auto;
- }
- #container05 > .wrapper {
- height: 15.125em;
- width: 22em;
- overflow: auto;
- }
- #container06 > .wrapper {
- height: 15.125em;
- width: 22em;
- overflow: auto;
- }
- #icons03 li a, #icons04 li a, #icons05 li a, #icons06 li a, #icons07 li a {
- border: 2px solid #000;
- }
- #text02, #text05, #text09 {
- font-family:'PingWing';
- }
- #text04 {
- width: 15em;
- background: white;
- border: 2px solid #000;
- border-radius: 10px;
- padding: 10px;
- }
- #text07, #text08, #text10 {
- background: white;
- border: 2px solid #000;
- border-radius: 10px;
- padding: 10px;
- }
- #container04, #container05, #container06 {
- -webkit-animation: scale-in-hor-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
- animation: scale-in-hor-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
- }
- /* ----------------------------------------------
- * Generated by Animista on 2022-9-3 11:40:4
- * Licensed under FreeBSD License.
- * See http://animista.net/license for more info.
- * w: http://animista.net, t: @cssanimista
- * ---------------------------------------------- */
- /**
- * ----------------------------------------
- * animation scale-in-hor-right
- * ----------------------------------------
- */
- @-webkit-keyframes scale-in-hor-right {
- 0% {
- -webkit-transform: scaleX(0);
- transform: scaleX(0);
- -webkit-transform-origin: 100% 100%;
- transform-origin: 100% 100%;
- opacity: 1;
- }
- 100% {
- -webkit-transform: scaleX(1);
- transform: scaleX(1);
- -webkit-transform-origin: 100% 100%;
- transform-origin: 100% 100%;
- opacity: 1;
- }
- }
- @keyframes scale-in-hor-right {
- 0% {
- -webkit-transform: scaleX(0);
- transform: scaleX(0);
- -webkit-transform-origin: 100% 100%;
- transform-origin: 100% 100%;
- opacity: 1;
- }
- 100% {
- -webkit-transform: scaleX(1);
- transform: scaleX(1);
- -webkit-transform-origin: 100% 100%;
- transform-origin: 100% 100%;
- opacity: 1;
- }
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement