.html_photoset{opacity:0.7; -webkit-transition-duration: 0.7s; -moz-transition-duration:0.7s; transition-duration:0.7s; -o-transition-duration:0.7s;} .html_photoset:hover{opacity:1; -webkit-transition-duration: 0.7s; -moz-transition-duration:0.7s; transition-duration:0.7s; -o-transition-duration:0.7s;} @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .fade-in { opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s; } .fade-in.two { -webkit-animation-delay: 1.22s; -moz-animation-delay: 1.22s; animation-delay: 1.22s; } /**--**/ #scrollToTop:link, #scrollToTop:visited { display: none; position: fixed; bottom: 25px; right: 15px; z-index:10000; opacity:0.7; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; } #scrollToTop .fa { font-size:32px; color:rgba(241,220,188,0.74); } #scrollToTop:hover { opacity:1; color:rgba(241,220,188,1); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
