Skip to content

Instantly share code, notes, and snippets.

@Jaballadares
Created January 26, 2018 06:43
Show Gist options
  • Save Jaballadares/632974585fb778a5ed75f1973eecafc7 to your computer and use it in GitHub Desktop.
Save Jaballadares/632974585fb778a5ed75f1973eecafc7 to your computer and use it in GitHub Desktop.
Avoid FOUT with Typekit and give this class text above the fold using typekit font
.article {
opacity: 1;
transition: transform .4s ease-in-out, opacity .4s ease-in-out;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.wf-loading .article {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment