Advertisement
izuemis

seeun crd css codes

Sep 2nd, 2022
220
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.20 KB | None | 0 0
  1. <style>
  2.  
  3. @font-face {
  4. font-family:'PingWing';
  5. src: url(https://dl.dropbox.com/s/5z5897hywveuh17/pingwing.ttf);
  6. }
  7.  
  8. #container01 > .wrapper {
  9. border-radius: .75em .75em 0em 0em;
  10. }
  11.  
  12. #container02 > .wrapper {
  13. height: 15em;
  14. }
  15.  
  16. #container03 > .wrapper {
  17. border-radius: 0em 0em .75em .75em;
  18. }
  19.  
  20. #container04 > .wrapper {
  21. height: 15.125em;
  22. width: 22em;
  23. overflow: auto;
  24. }
  25.  
  26. #container05 > .wrapper {
  27. height: 15.125em;
  28. width: 22em;
  29. overflow: auto;
  30. }
  31.  
  32. #container06 > .wrapper {
  33. height: 15.125em;
  34. width: 22em;
  35. overflow: auto;
  36. }
  37.  
  38. #icons03 li a, #icons04 li a, #icons05 li a, #icons06 li a, #icons07 li a {
  39. border: 2px solid #000;
  40. }
  41.  
  42. #text02, #text05, #text09 {
  43. font-family:'PingWing';
  44. }
  45.  
  46. #text04 {
  47. width: 15em;
  48. background: white;
  49. border: 2px solid #000;
  50. border-radius: 10px;
  51. padding: 10px;
  52. }
  53.  
  54. #text07, #text08, #text10 {
  55. background: white;
  56. border: 2px solid #000;
  57. border-radius: 10px;
  58. padding: 10px;
  59. }
  60.  
  61. #container04, #container05, #container06 {
  62. -webkit-animation: scale-in-hor-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  63. animation: scale-in-hor-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  64. }
  65.  
  66. /* ----------------------------------------------
  67. * Generated by Animista on 2022-9-3 11:40:4
  68. * Licensed under FreeBSD License.
  69. * See http://animista.net/license for more info.
  70. * w: http://animista.net, t: @cssanimista
  71. * ---------------------------------------------- */
  72.  
  73. /**
  74. * ----------------------------------------
  75. * animation scale-in-hor-right
  76. * ----------------------------------------
  77. */
  78. @-webkit-keyframes scale-in-hor-right {
  79. 0% {
  80. -webkit-transform: scaleX(0);
  81. transform: scaleX(0);
  82. -webkit-transform-origin: 100% 100%;
  83. transform-origin: 100% 100%;
  84. opacity: 1;
  85. }
  86. 100% {
  87. -webkit-transform: scaleX(1);
  88. transform: scaleX(1);
  89. -webkit-transform-origin: 100% 100%;
  90. transform-origin: 100% 100%;
  91. opacity: 1;
  92. }
  93. }
  94. @keyframes scale-in-hor-right {
  95. 0% {
  96. -webkit-transform: scaleX(0);
  97. transform: scaleX(0);
  98. -webkit-transform-origin: 100% 100%;
  99. transform-origin: 100% 100%;
  100. opacity: 1;
  101. }
  102. 100% {
  103. -webkit-transform: scaleX(1);
  104. transform: scaleX(1);
  105. -webkit-transform-origin: 100% 100%;
  106. transform-origin: 100% 100%;
  107. opacity: 1;
  108. }
  109. }
  110.  
  111. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement