#box_recentes{width: 100%; } .recentes{overflow: hidden; position: relative; border: 3px solid #fff; padding: 0px; float:left; margin-left: 5px; margin-bottom: 40px; opacity: 0.6; width: 174px; height: 174px; border-radius: 90px} .recentes .mask, .recentes .content {background-color: rgba(238, 175, 179, 0.7); width: 174px; height: 174px; position: absolute; overflow: hidden; opacity: 0; transition: all 0.5s linear; top: 0; left: 0} .recentes:hover .mask {opacity: 1;} .recentes img {display: block; position: relative -webkit-transition: all .6s cubic-bezier(.190, 1.000, .220, 1.000); -moz-transition: all .6s cubic-bezier(.190, 1.000, .220, 1.000); -ms-transition: all .6s cubic-bezier(.190, 1.000, .220, 1.000); -o-transition: all .6s cubic-bezier(.190, 1.000, .220, 1.000); transition: all .6s cubic-bezier(.190, 1.000, .220, 1.000);} .recentes:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2);-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 8;} .recentes p {opacity: 0; font-family: Arial, sans-serif;font-style: italic; line-height: 1.3em; font-size: 14px; position: reltive; color: #fff; padding: 30px 16px 0px; text-align: center;} .recentes:hover p {opacity: 1;} .recentes a.info {font-size: 11px; display: inline-block; text-decoration: none; padding: 5px 10px; background: #fff; color: #ff8f8f; text-transform: uppercase; box-shadow: 0 0 1px #fff; margin-left: 48px;} .recentes a.info:hover {box-shadow: 0 0 5px #fff;}