d13forme/infinity-squared
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Prevent running transitions on load (http://www.pencilscoop.com/2014/03/prevent-css-transitions-running-on-page-load/)

Browse Source
This commit is contained in:
Tom Slominski
2015-03-22 15:56:29 +00:00
parent 2865bf31bd
commit 58cbd80d67
3 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
footer.php
View File

@@ -39,5 +39,12 @@ if ( in_array( 'reCAPTCHA', $dependencies ) ) { ?>
<script src='https://www.google.com/recaptcha/api.js'></script> <script src='https://www.google.com/recaptcha/api.js'></script>
<?php } ?> <?php } ?>
<script>
window.addEventListener('load',function load() {
window.removeEventListener('load', load, false);
document.body.classList.remove('load');
},false);
</script>
</body> </body>
</html> </html>

2
header.php
View File

@@ -50,7 +50,7 @@ isq_load_textdomain();
<meta name="theme-color" content="#013f6d"> <meta name="theme-color" content="#013f6d">
</head> </head>
<body> <body class="load">
<div class="wrapper"> <div class="wrapper">

7
public/style.css
View File

@@ -42,6 +42,13 @@ body, input {
} }
} }
.load * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
}
/* Structure and global design */ /* Structure and global design */
a, a:visited { a, a:visited {
color: #013F6D; color: #013F6D;