Pseudo triedy CSS a efekt JQuery Parallax spôsobujú blikanie - jquery, css3, paralaxy

Robím paralaxový efekt pomocou parallax.js plugin, Mám z CSS vytvorené niektoré čierne trojuholníkyže prekrývajú časť mojej záhlavie div, že ja robím paralaxový efekt na. Všimol som si, že keď sa posúvam po stránke, trojuholníky CSS blikajú. Môžete to vidieť v mojom jsfiddle, Problém je veľmi zrejmé v IE a FireFox.

Čo to spôsobuje a je možné vyriešiť tento problém?

Kód CSS:

body { background-color: #333; }
#header { background: transparent no-repeat center bottom; position: relative; height: 100%; background-size: cover; overflow: hidden; }

.big-triangle:after,.big-triangle:before {
content:"";
position:absolute;
bottom:0;
width:50%;
z-index:100;
border-bottom:75px solid black;
-moz-transform:rotate(0.000001deg);
-webkit-transform:rotate(0.000001deg);
-o-transform:rotate(0.000001deg);
-ms-transform:rotate(0.000001deg);
transform:rotate(0.000001deg);}

.big-triangle:before{
right:50%;
border-right:1000px solid transparent;
border-left:1000px solid;}

.big-triangle:after{
left:50%;
border-left:1000px solid transparent;
border-right:1000px solid;}

odpovede:

0 pre odpoveď č. 1

Nakoniec som použil čistú metódu parallaxu CSS, ktorá vyriešila problém. Odkaz na odkaz tutoriál je tu,


Ponuka