Viewing 1 replies (of 1 total)
  • You can fade the content in by adding these lines to your stylesheet:

    @keyframes fadeIn {
    	0% { opacity: 0; }
    	100% { opacity: 1; }
    }
    
    .sh-content .sh-show {
    	-webkit-animation: fadeIn .5s;
    	-moz-animation: fadeIn .5s;
    	-o-animation: fadeIn .5s;
    	animation: fadeIn .5s;
    }

    You can change the timing by adjusting the “.5s” on the end of each line to whatever you want (1s = 1 second, 2s = 2 seconds, etc.) Haven’t figured out fade outs yet, sorry. Hope that helps!

Viewing 1 replies (of 1 total)

The topic ‘fade in and out’ is closed to new replies.