Advertisement
rosswolf

min yoongi

Jul 16th, 2020
1,151
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.54 KB | None | 0 0
  1. <center><link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"><div class="rstarsaction"><div class="rstarsimg" style="background-image: url(IMAGEM);"><div class="rstarsnome"><span style="border: 2px solid #fff;padding: 5px 10px;">Min Yoongi</span></div><div class="rstarsinfo"><div class="rstarsdado"><div class="rstarsleg">Idade</div>24 anos
  2. <div class="rstarsleg">Nome artístico</div>SUGA // Agust D
  3. <div class="rstarsleg">Grupo</div>BTS
  4. <img src="https://media1.tenor.com/images/00a8de5aa35316c59ee8f44f62da59da/tenor.gif?itemid=5292856" style="width: 180px; height: 90px; filter: grayscale(1); object-fit: cover; margin-bottom: 12px;">
  5. <div class="rstarsleg">Posição</div>Lead Rapper
  6. <div class="rstarsleg">Tipo sanguíneo</div>O
  7. <div class="rstarsleg">Empresa</div>BigHit Entertainment</div></div></div><div class="rstarsbox">TEXTO</div></div><a href="http://is.gd/rossr" style="font: 6px/25px Trajan Pro; letter-spacing: 1px;">(C) ROSS</a><style>.rstarsaction {width: 550px; height: 400px; border: 1px solid #d8d8d8; padding: 3px; background-clip: content-box;} .rstarsimg {width: 250px; height: 400px; background: #ff00a5 url(http://images6.fanpop.com/image/photos/39400000/Suga-bts-39405036-250-400.gif) center/cover; background-blend-mode: multiply; overflow: hidden; display: inline-block; float: left;} .rstarsnome {font: 19px Oswald; color: #fff; text-transform: uppercase; letter-spacing: 1px; position: relative; top: 50%; left: 12%; transform: translateY(390%);} .rstarsinfo {width: 400px; height: 600px; background: #fff; transform: rotate(45deg); position: relative; top: 340px; right: 270px; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;} .rstarsdado { width: 230px; height: 330px; transform: rotate(-45deg); position: relative; top: 180px; font: 10px/32px Calibri; color: #000; text-transform: uppercase; } .rstarsleg {width: 160px; border-bottom: 1px solid #d8d8d8; font: bold 11px Calibri; text-align: right; text-transform: uppercase; padding: 0 25px 2px 0; margin-bottom: -4px;} .rstarsbox {width: 297px; height: 400px; overflow: auto; background: #fff; border: 1px solid #d8d8d8; box-sizing: border-box; padding: 25px; display: inline-block; margin-left: 3px; font: 13px/15px Calibri; text-align: justify; color: #000;} .rstarsaction:hover .rstarsinfo {top: -175px; right: 30px; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;}</style></center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement