<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><style>#gif { width: 400px; height: 200px; background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1475605039_11.jpg); overflow: hidden;} .dropdownhover { background-color:rgba(158,158,158,.6); width: 400px; height: 200px; position: relative; top: -200px; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s;} #gif:hover .dropdownhover { top: 0px; } .wordsofasort { opacity: 0; font-family: calibri; text-align: justify; line-height: 10px; padding: 25px; font-size: 10px; width: 155px; height: 100px; background: #fff; color: #000; position: relative; right: 100px; top: -75px; transition: all 1s ease-in-out; overflow: auto;} .dropdownhover:hover .wordsofasort { opacity: .9; }.wordsofasort::-webkit-scrollbar { width: 2px; } .wordsofasort::-webkit-scrollbar-thumb { background-color: #9e9e9e; } .wordsofasort b { color: #9e9e9e; text-transform: uppercase; } .iconlink { height: 25px; width: 25px; line-height: 5px; text-align: center; color: #fff; position: relative; top: 50px; left: 15px;} .iconlink a {text-decoration: none; color: #fff; }</style><center> <div id="gif"><div class="dropdownhover"><div class="iconlink" style="background: #89babe;"><br><a href="#" title="tumblr"><i class="fa fa-tumblr"></i></a></div><div class="iconlink" style="background: #ffa891;"><br><a href="#" title="tester"><i class="fa fa-wrench"></i></a></div><div class="iconlink" style="background: #ffc472;"><br><a href="#" title="gallery"><i class="fa fa-paint-brush"></i></a></div><div class="iconlink" style="background: #ffe665;"><br><a href="#" title="requests"><i class="fa fa-sticky-note"></i></a></div><div class="wordsofasort"> <b>november 26th - </b>Lorem ipsum dolor sit amet, ei facilisi accusata eum, iusto volutpat definiebas nam ei. Est ei duis senserit elaboraret, his brute audiam ad. Ex duo sumo consul accommodare, sint reque ei eos, eu aliquam volutpat scriptorem cum. Autem omittam disputando cum no. No duo suscipit explicari, sint iudico voluptaria ad per.</div></div></div></center>