Probleme mit Cloudflare

[Nevada']

Hi,

seitdem ich Cloudflare nutze habe ich ein kleines Problem.

Auf meiner Seite nutze ich auf der Login-/Registerpage eine Fade-in Animation und seitdem ich nun Cloudflare nutze, erscheint die DIV manchmal garnicht und so braucht man etwa 10 Refreshes bis die DIV sichtbar wird. Sie ist eigentlich da, sie ist nur unsichtbar. Man kann sogar über die einzelnen Form Inputs hovern.

Weiß jemand wodurch das Problem entsteht?

Könnt ja gerne selbst schauen:



auf der /register hab ich die fade-in animation bereits entfernt.

[#Metho]

Mal so? wäre das eine Alternative?

PHP Code:

function fadeIn(element, duration) {
    var step = 1,
        fluidity = 1000,
        interval;

    duration /= fluidity;

    interval = window.setInterval(function() {

        element.style.opacity = 1 / fluidity * step;

        step++;

        if (step === fluidity) {
            window.clearInterval(interval);
        }

    }, duration);
}

var myBox = document.getElementById('box');
fadeIn(myBox, 1000); 


<div class='box' id='box'></div>

.box {
  background: red;
  width: 200px;
  height: 200px;
  opacity: 0;
}

Hier noch mein Fiddlenode für dich



Ich gucke mir dein Problem morgen an, aber heute bin ich zu müde um die Ursache festzustellen ^^

[Nevada']

Originally Posted by #Metho

Mal so? wäre das eine Alternative?

PHP Code:

function fadeIn(element, duration) {
    var step = 1,
        fluidity = 1000,
        interval;

    duration /= fluidity;

    interval = window.setInterval(function() {

        element.style.opacity = 1 / fluidity * step;

        step++;

        if (step === fluidity) {
            window.clearInterval(interval);
        }

    }, duration);
}

var myBox = document.getElementById('box');
fadeIn(myBox, 1000); 


<div class='box' id='box'></div>

.box {
  background: red;
  width: 200px;
  height: 200px;
  opacity: 0;
}

Hier noch mein Fiddlenode für dich



Ich gucke mir dein Problem morgen an, aber heute bin ich zu müde um die Ursache festzustellen ^^

Danke erstmals, werde den Code tagsüber versuchen einzubinden

Benutze für die FadeIn animation Animsition

[#Metho]

Originally Posted by Nevada'

Danke erstmals, werde den Code tagsüber versuchen einzubinden

Benutze für die FadeIn animation Animsition

HTTPs console log:

Mixed Content: The page at 'https://nevada.moe/login' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic'. This request has been blocked; the content must be served over HTTPS.

Versuch's mal mit HTTPs