API tools faq
paste
Advertisement
Quake07

Free CSS Boxes

Quake07
Aug 18th, 2020 (edited)
4,764
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.34 KB | None | 0 0
raw download clone embed print report
  1. /* Two Medium Boxes, side by side. Hover to expand. LIODEN */
  2. <div class="boxcontainer"><div class="Box1">Hyello</div><div class="Box2">Hyello</div></div>
  3.  
  4. /* HOVER BOXES - Hover to expand */
  5.  
  6. /* One Small Box. WOLVDEN */
  7. <div class="boxcontainer"><div class="Box4">Box 1</div></div>
  8.  
  9. /* Two Small Boxes. WOLVDEN */
  10. <div class="boxcontainer"><div class="Box4">Box 1</div><div class="Box4">Box 2</div></div>
  11.  
  12. /* Three Small Boxes. WOLVDEN */
  13. <div class="boxcontainer"><div class="Box4">Box 1</div><div class="Box4">Box 2</div><div class="Box4">Box 2</div></div>
  14.  
  15. /* One Small Box and One Medium Box. WOLVDEN */
  16. <div class="boxcontainer"><div class="Box4">Box 1</div><div class="Box1">Box 2</div></div>
  17.  
  18. /* One Medium Box. WOLVDEN */
  19. <div class="boxcontainer"><div class="Box1"><span style="font-size:1.5rem;">header</span><br>text</div></div>
  20.  
  21. /* Two Medium Boxes, side by side. WOLVDEN */
  22. <div class="boxcontainer"><div class="Box1">Box 1</div><div class="Box1">Box 2</div></div>
  23.  
  24. /* One Large Box. WOLVDEN */
  25. <div class="boxcontainer"><div class="Box2"><span style="font-size:1.5rem;">header</span><br>text</div></div>
  26.  
  27. /* Three Small Boxes, Large box underneath. WOLVDEN */
  28. <div class="boxcontainer"><div class="Box4">Box 1</div><div class="Box4">Box 2</div><div class="Box4">Box 2</div></div><div class="boxcontainer"><div class="Box2"><span style="font-size:1.5rem;">header</span><br>text</div></div>
  29.  
  30. /* Two Medium Boxes, Large box underneath. WOLVDEN */
  31. <div class="boxcontainer"><div class="Box1">Box 1</div><div class="Box1">Box 2</div></div><div class="boxcontainer"><div class="Box2"><span style="font-size:1.5rem;">header</span><br>text</div></div>
  32.  
  33. /* SCROLL BOXES - Scroll to read */
  34.  
  35. /* One Small Box. WOLVDEN */
  36. <div class="boxcontainer"><div class="Box3"><span style="font-size:1rem;">header</span><br>text</div></div>
  37.  
  38. /* Two Small Boxes. WOLVDEN */
  39. <div class="boxcontainer"><div class="Box3"><span style="font-size:1rem;">header</span><br>text</div><div class="Box3"><span style="font-size:1rem;">header</span><br>text</div></div>
  40.  
  41. /* Three Small Boxes. WOLVDEN */
  42. <div class="boxcontainer"><div class="Box3"><span style="font-size:1rem;">header</span><br>text</div><div class="Box3"><span style="font-size:1rem;">header</span><br>text</div><div class="Box3"><span style="font-size:1rem;">header</span><br>text</div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!