API tools faq
paste
Emmes

MM037.- Snowy Rabbit (multi)

Emmes
Aug 12th, 2020
726
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.14 KB | None | 0 0
raw download clone embed print report
  1. <div class="MM037-a"><b></b><b></b><div class="MM037"><div><b>Mini Título</b><div class="MM037-ro">
  2.  
  3. <input type="radio" name="MM037" id="MM037-1" checked><label for="MM037-1"></label><div class="MM037-1"><i class="sf sf-carrot"></i><b>Subtitulo I</b><span>Dragée topping dessert. Chocolate bar apple pie biscuit sweet roll lemon drops. Gummies jelly-o powder danish. Gingerbread cupcake cupcake.
  4.  
  5. Lemon drops muffin jelly beans gingerbread. Fruitcake chocolate tart sweet roll chupa chups sweet roll. Tart powder pastry sesame snaps marshmallow halvah cheesecake.
  6.  
  7. Dragée cake bonbon lollipop.
  8.  
  9. Wafer sugar plum liquorice <b>sesame snaps marshmallow</b>. Macaroon dessert croissant cake macaroon cake sesame snaps icing pie.
  10.  
  11. Carrot cake macaroon chupa chups. Cheesecake soufflé caramels. Cupcake biscuit brownie candy. Gummi bears muffin sweet ice cream macaroon danish icing.</span></div>
  12.  
  13.  
  14. <input type="radio" name="MM037" id="MM037-2"><label for="MM037-2"></label><div class="MM037-2"><i class="sf sf-broccoli"></i><b>Subtitulo II</b><span>Dragée topping dessert. Chocolate bar apple pie biscuit sweet roll lemon drops. Gummies jelly-o powder danish. Gingerbread cupcake cupcake.
  15.  
  16. Lemon drops muffin jelly beans gingerbread. Fruitcake chocolate tart sweet roll chupa chups sweet roll. Tart powder pastry sesame snaps marshmallow halvah cheesecake.
  17.  
  18. Dragée cake bonbon lollipop. Wafer sugar plum liquorice sesame snaps marshmallow. Macaroon dessert croissant cake macaroon cake sesame snaps icing pie.
  19.  
  20. Carrot cake macaroon chupa chups. Cheesecake soufflé caramels. Cupcake biscuit brownie candy. Gummi bears muffin sweet ice cream macaroon danish icing.</span></div>
  21.  
  22.  
  23. <input type="radio" name="MM037" id="MM037-3"><label for="MM037-3"></label><div class="MM037-3"><i class="sf sf-dragonfly"></i><b>Subtitulo III</b><span>Dragée topping dessert. Chocolate bar apple pie biscuit sweet roll lemon drops. Gummies jelly-o powder danish. Gingerbread cupcake cupcake.
  24.  
  25. Lemon drops muffin jelly beans gingerbread. Fruitcake chocolate tart sweet roll chupa chups sweet roll. Tart powder pastry sesame snaps marshmallow halvah cheesecake.
  26.  
  27. Dragée cake bonbon lollipop. Wafer sugar plum liquorice sesame snaps marshmallow. Macaroon dessert croissant cake macaroon cake sesame snaps icing pie.
  28.  
  29. Carrot cake macaroon chupa chups. Cheesecake soufflé caramels. Cupcake biscuit brownie candy. Gummi bears muffin sweet ice cream macaroon danish icing.</span></div>
  30.  
  31.  
  32. <input type="radio" name="MM037" id="MM037-4"><label for="MM037-4"></label><div class="MM037-4"><i class="sf sf-flame"></i><b>Subtitulo IV</b><span>Dragée topping dessert. Chocolate bar apple pie biscuit sweet roll lemon drops. Gummies jelly-o powder danish. Gingerbread cupcake cupcake.
  33.  
  34. Lemon drops muffin jelly beans gingerbread. Fruitcake chocolate tart sweet roll chupa chups sweet roll. Tart powder pastry sesame snaps marshmallow halvah cheesecake.
  35.  
  36. Dragée cake bonbon lollipop. Wafer sugar plum liquorice sesame snaps marshmallow. Macaroon dessert croissant cake macaroon cake sesame snaps icing pie.
  37.  
  38. Carrot cake macaroon chupa chups. Cheesecake soufflé caramels. Cupcake biscuit brownie candy. Gummi bears muffin sweet ice cream macaroon danish icing.</span></div>
  39.  
  40.  
  41. <input type="radio" name="MM037" id="MM037-5"><label for="MM037-5"></label><div class="MM037-5"><i class="sf sf-heart-2"></i><b>Subtitulo V</b><span>Dragée topping dessert. Chocolate bar apple pie biscuit sweet roll lemon drops. Gummies jelly-o powder danish. Gingerbread cupcake cupcake.
  42.  
  43. Lemon drops muffin jelly beans gingerbread. Fruitcake chocolate tart sweet roll chupa chups sweet roll. Tart powder pastry sesame snaps marshmallow halvah cheesecake.
  44.  
  45. Dragée cake bonbon lollipop. Wafer sugar plum liquorice sesame snaps marshmallow. Macaroon dessert croissant cake macaroon cake sesame snaps icing pie.
  46.  
  47. Carrot cake macaroon chupa chups. Cheesecake soufflé caramels. Cupcake biscuit brownie candy. Gummi bears muffin sweet ice cream macaroon danish icing.</span></div>
  48.  
  49.  
  50. <input type="radio" name="MM037" id="MM037-6"><label for="MM037-6"></label><div class="MM037-6"><i class="sf sf-leaf-2"></i><b>Subtitulo VI</b><span>Dragée topping dessert. Chocolate bar apple pie biscuit sweet roll lemon drops. Gummies jelly-o powder danish. Gingerbread cupcake cupcake.
  51.  
  52. Lemon drops muffin jelly beans gingerbread. Fruitcake chocolate tart sweet roll chupa chups sweet roll. Tart powder pastry sesame snaps marshmallow halvah cheesecake.
  53.  
  54. Dragée cake bonbon lollipop. Wafer sugar plum liquorice sesame snaps marshmallow. Macaroon dessert croissant cake macaroon cake sesame snaps icing pie.
  55.  
  56. Carrot cake macaroon chupa chups. Cheesecake soufflé caramels. Cupcake biscuit brownie candy. Gummi bears muffin sweet ice cream macaroon danish icing.</span></div>
  57.  
  58.  
  59. </div></div></div></div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"><style>.MM037-a, .MM037-a * { box-sizing: border-box; scrollbar-color: var(--mm-04) #0002 !important; scrollbar-width: thin; transition: .5s; } .MM037-ro > input:checked + label ~ label ~ label, .MM037-ro > input:checked + label, .MM037 input, .MM037 br { display: none; } .MM037-a { --mm-01: #FFF; --mm-02: #e9eaee; --mm-03: #d5dce4; --mm-04: #53bd97; --mm-05: #2f3034; } .MM037 { width: 330px; margin: auto; background: var(--mm-01); border-radius: 40px; box-shadow: inset 5px -5px 15px var(--mm-03), inset 0 0 5px var(--mm-03); padding: 15px; text-align: center; font: 14px calibri; color: var(--mm-05); position: relative; } .MM037-a { position: relative; margin: 80px 0 0; } .MM037-a > b { position: absolute; background: var(--mm-01); bottom: calc(100% - 40px); width: 50px; height: 150px; left: calc(50% - 70px); border-radius: 100%; transform-origin: 50% calc(100% - 40px); transform: rotate(-15deg); box-shadow: inset 3px -3px 5px var(--mm-03); padding: 10px; } .MM037-a > b ~ b { left: calc(50% + 20px); transform: rotate(15deg); } @keyframes toca { 0% {transform: rotate(15deg);} 2% {transform: rotate(30deg);} 4% {transform: rotate(15deg);} 30% {transform: rotate(15deg);} 32% {transform: rotate(40deg);} 35% {transform: rotate(15deg);} 60% {transform: rotate(15deg);} 62% {transform: rotate(20deg);} 64% {transform: rotate(15deg);} 66% {transform: rotate(30deg);} 68% {transform: rotate(15deg);} 100% {transform: rotate(15deg);} } .MM037-a:hover > b ~ b { animation: toca 10s infinite; } .MM037-a > b::before { content: ""; display: block; height: 100%; border-radius: 100%; box-shadow: inset 3px -3px 15px 2px var(--mm-04), 2px -2px 3px var(--mm-03); } .MM037 > div { background: var(--mm-02); border-radius: 25px; position: relative; } .MM037 > div > b { display: inline-block; background: var(--mm-01); padding: 0 8px 3px 10px; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; border-radius: 0 0 10px 10px; } .MM037-ro { position: relative; height: 450px; overflow: hidden; margin-top: 10px; } .MM037-ro > input:checked + label + div { transform: rotate(0deg); } .MM037-ro > input:checked ~ input + label + div { transform: rotate(60deg); } .MM037-ro > label { position: absolute; top: 0; right: 30px; width: 30px; height: 30px; background: var(--mm-01); border-radius: 10px; cursor: pointer; transition: 0s; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; filter: saturate(0); box-shadow: -2px 2px 3px var(--mm-03); } .MM037-ro > label::before { content: "\e017"; font: 14px saturnicons; color: var(--mm-04); } .MM037-ro > input:checked ~ input + label::before { content: "\e016"; } .MM037-ro > input:checked ~ input + label { right: inherit; left: 30px; } .MM037-ro > label:active { box-shadow: inset -2px 2px 3px var(--mm-03); filter: saturate(1); } .MM037-ro > div { position: absolute; top: 50px; left: 30px; right: 30px; bottom: 30px; transform-origin: 50% 200% 0; transform: rotate(-60deg); display: flex; flex-direction: column; } .MM037-ro > div > b { text-shadow: 1px 1px var(--mm-01), -1px 1px var(--mm-01), 1px -1px var(--mm-01), -1px -1px var(--mm-01), -2px 2px 3px var(--mm-05); letter-spacing: 1px; margin: -5px -10px 5px; display: flex; align-items: center; font-size: 16px; } .MM037-ro > div > b::before, .MM037-ro > div > b::after { content: ""; border-top: 2px solid var(--mm-04); flex: 1; margin: 0 10px; } .MM037-ro > div > span { flex: 1; overflow: auto; text-align: justify; hyphens: auto; } .MM037-ro > div > i { position: absolute; bottom: calc(100% + 20px); left: 50%; font-size: 26px; color: var(--mm-04); transform: translate(-50%); text-shadow: 1px 1px var(--mm-01), -1px 1px var(--mm-01), 1px -1px var(--mm-01), -1px -1px var(--mm-01), -2px 2px 3px var(--mm-05); } .MM037-ro > div > span b { color: var(--mm-04); } .MM037-ro > div > span br { display: block; } .MM037-ro > div > span br + br { margin: 5px; } .MM037 span::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM037 span::-webkit-scrollbar-thumb { background: var(--mm-04) !important; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #444; } .miMM:hover { letter-spacing: 3px; }</style>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!