Efimero (multi - pestañas)

<div class="MM010" style="color: #988f92;">

<div class="MM010-top" style="background-image: url(https://i.pinimg.com/564x/33/58/ed/3358edc7b99418ffdf826791e1bc7752.jpg);">Título Por Aquí</div>

<div class="MM010-da">

<input type="radio" name="MM010" id="MM010-01" checked><label for="MM010-01">Primero</label><div class="MM010-txt">Lemon drops dragée sweet roll. Dragée tiramisu tootsie roll chocolate bar apple pie marzipan jelly-o.

Candy bonbon sesame snaps pudding bonbon candy canes dessert. Topping carrot cake croissant. Biscuit bear claw muffin cotton candy carrot cake gummies tart.

Liquorice cupcake halvah halvah. Cupcake oat cake pudding toffee chocolate bar candy canes donut muffin tiramisu. Pudding caramels oat cake pie chocolate.</div>

<input type="radio" name="MM010" id="MM010-02"><label for="MM010-02">Segundo</label><div class="MM010-txt">Gummi bears pudding marzipan ice cream sweet roll cake lollipop croissant danish. Powder powder cotton candy cheesecake. Marshmallow sweet pudding toffee sweet roll lemon drops dragée sweet roll. Dragée tiramisu tootsie roll chocolate bar apple pie marzipan jelly-o.

Candy bonbon sesame snaps pudding bonbon candy canes dessert. Topping carrot cake croissant. Biscuit bear claw muffin cotton candy carrot cake gummies tart.

Liquorice cupcake halvah halvah. Cupcake oat cake pudding toffee chocolate bar candy canes donut muffin tiramisu. Pudding caramels oat cake pie chocolate.</div>

<input type="radio" name="MM010" id="MM010-03"><label for="MM010-03">Tercero</label><div class="MM010-txt">Bears pudding marzipan ice cream sweet roll cake lollipop croissant danish. Powder powder cotton candy cheesecake. Marshmallow sweet pudding toffee sweet roll lemon drops dragée sweet roll. Dragée tiramisu tootsie roll chocolate bar apple pie marzipan jelly-o.

Candy bonbon sesame snaps pudding bonbon candy canes dessert. Topping carrot cake croissant. Biscuit bear claw muffin cotton candy carrot cake gummies tart.

Liquorice cupcake halvah halvah. Cupcake oat cake pudding toffee chocolate bar candy canes donut muffin tiramisu. Pudding caramels oat cake pie chocolate.</div>

<input type="radio" name="MM010" id="MM010-04"><label for="MM010-04">Cuarto</label><div class="MM010-txt">Powder sweet roll gummi bears oat cake sesame snaps cake chocolate cake apple pie toffee. Apple pie candy bear claw sweet. Sugar plum marzipan tiramisu. Sugar plum pudding pastry jelly jelly-o cupcake.

Marshmallow apple pie jelly-o chupa chups cookie jujubes lollipop caramels ice cream. Jujubes tootsie roll bear claw chocolate. Danish powder donut.</div>

<input type="radio" name="MM010" id="MM010-05"><label for="MM010-05">Quinto</label><div class="MM010-txt">Candy bonbon sesame snaps pudding bonbon candy canes dessert. Topping carrot cake croissant. Biscuit bear claw muffin cotton candy carrot cake gummies tart.

Liquorice cupcake halvah halvah. Cupcake oat cake pudding toffee chocolate bar candy canes donut muffin tiramisu. Pudding caramels oat cake pie chocolate.</div>

<input type="radio" name="MM010" id="MM010-06"><label for="MM010-06">Sexto</label><div class="MM010-txt">Gummi bears pudding marzipan ice cream sweet roll cake lollipop croissant danish. Powder powder cotton candy cheesecake. Marshmallow sweet pudding toffee sweet roll lemon drops dragée sweet roll. Dragée tiramisu tootsie roll chocolate bar apple pie marzipan jelly-o.

Candy bonbon sesame snaps pudding bonbon candy canes dessert. Topping carrot cake croissant. Biscuit bear claw muffin cotton candy carrot cake gummies tart.

Liquorice cupcake halvah halvah. Cupcake oat cake pudding toffee chocolate bar candy canes donut muffin tiramisu. Pudding caramels oat cake pie chocolate.</div>

</div></div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><link href="https://fonts.googleapis.com/css?family=Montserrat|Sulphur+Point&display=swap" rel="stylesheet"><style> .MM010, .MM010 * { box-sizing: border-box; scrollbar-color: #0006 #0003; scrollbar-width: thin; transition: .5s; } .MM010 input, .MM010-da > br, .MM010 > br { display: none; } .MM010 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0006 !important; } .MM010 div::-webkit-scrollbar-thumb { background: #0003 !important; } .MM010 { width: 450px; margin: auto; background: #FFF; font: 10px Montserrat; box-shadow: 0 20px 20px -20px #0009; text-align: center; border: 1px solid #FFF; } .MM010-top { padding-top: 100px; border-bottom: 10px solid; font: 30px/18px Sulphur Point; letter-spacing: 2px; background-position: center; background-size: cover; box-shadow: inset 0 -1px #FFF; text-shadow: 1px 1px #FFF, -1px 1px #FFF, 1px -1px #FFF, -1px -1px #FFF; overflow: hidden; } .MM010 label { cursor: pointer; color: inherit; display: block; width: 150px; box-shadow: inset 0 0 0 50px #FFF6, inset 0 0 0 50px; padding: 15px 10px 13px; -webkit-text-fill-color: #FFF; font: bold 8px montserrat; text-transform: uppercase; letter-spacing: 2px; margin: 1px 0 0 0; position: relative; } .MM010 lab---el:nth-of-type(odd) { opacity: .7; } .MM010 label::after { content: ""; position: absolute; top: 0; bottom: 0; left: calc(100% - 10px); width: 10px; box-shadow: inset 0 0 0 50px #FFF6, inset 0 0 0 50px; clip-path: polygon(0 0, 0% 100%, 100% 50%); transition: .5s; } .MM010 input:checked + label:after { left: 100%; box-shadow: inset 0 0 0 50px #FFF0, inset 0 0 0 50px; } .MM010 input:checked + label { box-shadow: inset 0 0 0 50px #FFF0, inset 0 0 0 50px; letter-spacing: 6px; } .MM010-da { position: relative; overflow: hidden; } .MM010-txt { position: absolute; top: 0; left: 150px; bottom: 0; right: 0; border: 20px solid transparent; text-align: justify; overflow: auto; padding-right: 3px; transform: translate(100%); color: #666; } input:checked + label + .MM010-txt { transform: translateY(0%); } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: .5s; text-transform: uppercase; padding: 3px; } .miMM:hover { letter-spacing: 3px; }</style>