Difference between revisions of "Template:Valencia UPV/custom.css"

Line 401: Line 401:
  
  
−
.aparece a {
+
.aparece {
−
        opacity: 0 !important;
+
    opacity: 0;
−
        color: #ffffff !important;
+
    transition: opacity 0s ease-in 600ms, opacity 600ms;
−
        max-width: 0 !important;
+
     position: relative;
−
        display: inline-block !important;
+
}
−
        text-decoration: none !important;
+
−
        transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color !important;
+
−
     }
+
  
  
−
        aparece:hover a {
+
aparece:after {
−
             opacity: 1;
+
             display: block;
−
            max-width: 150px;
+
    content: '';
−
            transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color .2s;
+
    position: absolute;
−
        }
+
    top: 0;
 +
    right: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
    background-color: #fff;
 +
    transition: width 600ms;
 +
}
 +
 
 +
.aparece-hover:hover .aparece {
 +
    opacity: 1;
 +
    transition: opacity 0s ease-in 600ms, opacity 600ms;
 +
}
 +
 
 +
.aparece-hover:hover .aparece:after{
 +
    width: 0;  
 +
}
  
 
</style>
 
</style>
  
 
</html>
 
</html>

Revision as of 16:24, 5 October 2018