HI MY NAME IS, gallery

[nospaces]
[googlefont="Roboto"]

[newclass=".nnname"]overflow: hidden; height: 71px; text-shadow: 0px 0px 6px #000; color: #fff; padding: 15px 10px; width: 300px; text-align: center; font: 50px roboto; background: -moz-linear-gradient(top, rgba(255,7,246,1) 0%, rgba(188,5,185,1) 25%, rgba(119,3,104,1) 49%, rgba(63,1,59,1) 75%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,7,246,1)), color-stop(25%,rgba(188,5,185,1)), color-stop(49%,rgba(119,3,104,1)), color-stop(75%,rgba(63,1,59,1)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,7,246,1) 0%,rgba(188,5,185,1) 25%,rgba(119,3,104,1) 49%,rgba(63,1,59,1) 75%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,7,246,1) 0%,rgba(188,5,185,1) 25%,rgba(119,3,104,1) 49%,rgba(63,1,59,1) 75%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,7,246,1) 0%,rgba(188,5,185,1) 25%,rgba(119,3,104,1) 49%,rgba(63,1,59,1) 75%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,7,246,1) 0%,rgba(188,5,185,1) 25%,rgba(119,3,104,1) 49%,rgba(63,1,59,1) 75%,rgba(0,0,0,1) 100%); -webkit-transition: all 0.4s 0.5s ease-in-out; -moz-transition: all 0.4s 0.5s ease-in-out; -ms-transition: all 0.4s 0.5s ease-in-out; -o-transition: all 0.4s 0.5s ease-in-out; transition: all 0.4s 0.5s ease-in-out;[/newclass]
[newclass=".nnname:hover"]overflow: hidden; height: 151px; text-shadow: 0px 0px 6px #000; color: #fff; padding: 15px 10px; width: 300px; text-align: center; font: 50px roboto; background: -moz-linear-gradient(top, rgba(255,7,246,1) 0%, rgba(188,5,185,1) 25%, rgba(119,3,104,1) 49%, rgba(63,1,59,1) 75%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,7,246,1)), color-stop(25%,rgba(188,5,185,1)), color-stop(49%,rgba(119,3,104,1)), color-stop(75%,rgba(63,1,59,1)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,7,246,1) 0%,rgba(188,5,185,1) 25%,rgba(119,3,104,1) 49%,rgba(63,1,59,1) 75%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,7,246,1) 0%,rgba(188,5,185,1) 25%,rgba(119,3,104,1) 49%,rgba(63,1,59,1) 75%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,7,246,1) 0%,rgba(188,5,185,1) 25%,rgba(119,3,104,1) 49%,rgba(63,1,59,1) 75%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,7,246,1) 0%,rgba(188,5,185,1) 25%,rgba(119,3,104,1) 49%,rgba(63,1,59,1) 75%,rgba(0,0,0,1) 100%); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;[/newclass]

[newclass=".nnname .dddesc"]font-size: 13px!important; text-align: center; margin-left: -300px; width: 300px; opacity: 0; -webkit-opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;[/newclass]
[newclass=".nnname:hover .dddesc"]font-size: 13px!important; text-align: center; margin-left: 0px; width: 300px; opacity: 1; -webkit-opacity: 1; -moz-opacity: -webkit-transition: all 0.4s 0.5s ease-in-out; -moz-transition: all 0.4s 0.5s ease-in-out; -ms-transition: all 0.4s 0.5s ease-in-out; -o-transition: all 0.4s 0.5s ease-in-out; transition: all 0.4s 0.5s ease-in-out;[/newclass]