Advertisement
reveriee

making waves (placeholder / fa-icon version)

Jul 15th, 2022
39
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.02 KB | None | 0 0
  1. [comment]--CODE BY REVERIEE--
  2. making waves (fa-icon version), placeholder. do not remove credit (visible or not) or claim as your own.
  3.  
  4. -- to change the colors/images, change the variables below --
  5. in order to change fonts, change the font in the variable, along with the corresponding font in the call-out tag in the comments below
  6.  
  7. [font=Petrona]main font[/font][/comment][border=0;
  8.  
  9. --img: url(https://i.pinimg.com/736x/79/7a/34/797a34586458d60345b384dff946425f.jpg);
  10.  
  11. --bg: white;
  12. --c1:#55aaaa;
  13. --c2:#93c4c4;
  14.  
  15. --font: 'Petrona', serif;
  16. --textc: black;
  17.  
  18. width:250px;height:280px;background:var(--bg);box-sizing:border-box;padding:0;margin:auto;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:relative;overflow:hidden][border=0;height:220px;width:100%;font-size:200px;line-height:100%;padding:0;color:var(--c1);opacity:0.2;position:absolute;top:calc(50% - 110px);z-index:1;text-align:center;display:flex;justify-content:center;align-items:center][comment]
  19.  
  20. --fa icon here--
  21.  
  22. [/comment][fa]fa-water[/fa][/border][border=0;border-radius:100%;height:120px;width:120px;z-index:3;padding:5px; box-sizing:border-box; border:5px solid var(--c1); border-left: 5px solid var(--c2); animation: fa-spin 20s linear infinite;][border=0; height:100%; width:100%; padding:0; background: var(--img)
  23.  
  24. /*edit image size and positioning here*/
  25. 50% 50%; background-size:cover; border-radius:100%; animation:fa-spin 20s linear infinite reverse;][/border][/border][border=0;margin:5px 0;font-family:var(--font);font-size:15px;padding:0;color:var(--textc);text-align:center][border=0;padding:0;font-weight:bold;text-transform:uppercase;color:var(--c1);font-size:17px][comment]
  26.  
  27. --name here--
  28.  
  29. [/comment]name here[/border][comment]
  30.  
  31. --role/quote here--
  32.  
  33. [/comment]"making waves"[/border][border=0;padding:3px;position:absolute;bottom:0;right:0;color:var(--c2);font-size:10px;font-family:var(--font);text-transform:uppercase;line-height:100%][comment]
  34.  
  35. --do not remove credit--
  36.  
  37. [/comment]© reveriee[/border][/border]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement