BOX expancivel em css (exclusivo)

BOM GALERA VENHO POSTAR ESSE TUTO EXCLUSIVO AQUI DE COMO FAZER UMA BOX EXPANCIVEL DEMO ABAIXO

— miguel web
— AQUI VOCE ACHA DE TUDO!

CODIGO ABAIXO (PODE SER COLOCADO EM QUALQUER LUGAR) </span><style type="text/css"> div#muda {padding:10px; margin:20px; margin-left:auto; margin-right:auto; color:#40E0D0; font-size:30px; width:400px; height:100px; background-color:#000000; box-shadow: 10px 10px 35px #696969; border:13px solid #FFE4E1; transition:all 5s linear; -moz-transition:all 5s linear; -webkit-transition:all 5s linear; -o-transition:all 5s linear;} div#muda:hover { margin:40px; margin-left:auto; margin-right:auto; color:white; font-size:50px; width:300px; height:300px; background-color:black; box-shadow: 10px 10px 10px #000000; border:1px solid #000000;} </style> <br /> <div id="muda"> <span style="color: salmon;">— SEU TEXTO</span><br />