mixue

pisces crd codes

Aug 27th, 2022 (edited)
2,507
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.57 KB | None | 0 0
  1. #image01 {
  2. filter: drop-shadow(0px 0px 3px #000);
  3. z-index: 999;
  4. }
  5.  
  6. #image02 {
  7. filter: drop-shadow(1px 1px 1px #000);
  8. animation-name: floating;
  9. animation-duration: 3s;
  10. animation-iteration-count: infinite;
  11. animation-timing-function: ease-in-out;
  12. z-index: 999;
  13. }
  14.  
  15. @keyframes floating {
  16. 0% { transform: translate(0, 0px); }
  17. 50% { transform: translate(0, 15px); }
  18. 100% { transform: translate(0, -0px); }
  19. }
  20.  
  21. #text01 {
  22. -webkit-text-stroke: 2px #fff;
  23. }
  24.  
  25. #text02 {
  26. text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;
  27. font-family: 'Press Start 2P';
  28. }
  29.  
  30. #text03 {
  31. text-shadow: -1px 0 #7a7a7a, 0 1px #7a7a7a, 1px 0 #7a7a7a, 0 -1px #7a7a7a;
  32. }
  33.  
  34. #text04 {
  35. -webkit-text-stroke: 2px #fff;
  36. transform: rotate(-90deg);
  37. }
  38.  
  39. #container01 {
  40. background: radial-gradient( #000 0%, #ffffff 100%);
  41. width: 18em;
  42. height: 1em;
  43. padding: 1px;
  44. border-radius: 0px 50px 50px 0px;
  45. border: 2.5px solid #FFFFFF;
  46. filter: drop-shadow(0px 0px 3px #000);
  47. }
  48.  
  49. #container02 {
  50. background: radial-gradient( #000 0%, #FFFFFF 50%, #BABABA 100%);
  51. border: 2.5px solid white;
  52. padding: 1px;
  53. border-radius: 10px 0px 10px 0px;
  54. filter: drop-shadow(0px 0px 3px #000);
  55. width: 15em;
  56. height: 8em;
  57. padding: 6px;
  58. }
  59.  
  60. #container03 {
  61. width: 8em;
  62. border-width:7px;
  63. border-style:solid;
  64. border-image: url("https://i.imgur.com/8xftJ3v.gif") 7 fill round;
  65. }
  66.  
  67. #container04 {
  68. background: radial-gradient( #000 0%, #fff 100%);
  69. border: 2.5px solid white;
  70. padding: 1px;
  71. border-radius: 10px 0px 10px 0px;
  72. filter: drop-shadow(0px 0px 3px #000);
  73. width: 22em;
  74. height: 8em;
  75. padding: 6px;
  76. }
Advertisement
Add Comment
Please, Sign In to add comment