Buggy CSS Transitions without video element

[georgearnall]

Hi I am in the process of developing my [website][1]. Please understand it is work in progress.

I have a menu bar which when scrolled, will stick to the top and a background will fade in and a border will slide out.

Here is a [screenshot][2] of an example of what it does.

What makes this even more strange is that when there is a [video element present][3] it does not do this. You can even try deleting the video element from this page and then it starts doing it. (Located in < header>, < div class=”feature-content”>, < video> )

I have never seen this before with a CSS transition. I have tried it with Firefox 17 and Chrome 27 for Mac.

Does anyone have any ideas ?
Thanks :)
[1]: http://georgearnall.com
[2]: http://cl.ly/image/0Y2d3V2u0Y1g
[3]: http://georgearnall.com/v2

[georgearnall]

Sorry! I have realised that it redirects. I will sort that out when I get home.

Thanks

[georgearnall]

Fixed :)

[georgearnall]

Nobody knows ?

[georgearnall]

SOLVED: After spending some time looking through my code I eventually found that by removing [animate.css](http://daneden.me/animate/ “http://daneden.me/animate/&#8221;). It started working again :)

[Author]

Posts