सीएसएस छद्म वर्ग और JQuery लंबन प्रभाव झिलमिलाहट का कारण बनता है - jquery, css3, लंबन

मैं इसका उपयोग कर लंबन प्रभाव कर रहा हूँ parallax.js प्लगइन। मेरे पास सीएसएस से बने कुछ काले त्रिकोण हैंजो मेरे हेडर div का एक हिस्सा ओवरले करता है कि मैं लंबन प्रभाव कर रहा हूं। मैंने देखा कि जब मैं पृष्ठ को स्क्रॉल करता हूं, तो सीएसएस झिलमिलाहट करता है। आप इसे मेरे में देख सकते हैं jsfiddle। आईई और फ़ायरफ़ॉक्स में यह मुद्दा बहुत ध्यान देने योग्य है।

इसका क्या कारण है और क्या इस मुद्दे को ठीक करना संभव है?

सीएसएस कोड:

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;}

उत्तर:

जवाब के लिए 0 № 1

मैं एक शुद्ध सीएसएस लंबन तकनीक का उपयोग कर समाप्त हुआ जिसने समस्या हल की। के लिए लिंक ट्यूटोरियल यहाँ है


संबंधित सवाल
सबसे लोकप्रिय