تابع جديد أخبار فيروس كورونا covid19
رسم السلالم
هناك الكثير من الطرق التي يمكنك بها التعامل مع التدرجات اللونية. على سبيل المثال: لن يمكنك فقط إضافة أكثر من لونين، بل يمكنك أيضًا وضع نسبة مئوية لكل لون. سيتيح لك ذلك تحديد مقدار التباعد الذي تريد أن تكون عليه كل شريحة لونية. background: linear-gradient ( # 93B874 10%, # C9DCB9 70%, # 000000 90%);
أضف درجة الشفافية المرغوبة إلى ألوانك. سيؤدي ذلك إلى تلاشي اللون تدريجيًا. استخدم اللون نفسه لتنفيذ التدرج من ذلك اللون إلى الشفافية. ستحتاج إلى استخدام خاصية rgba() لتحديد اللون. حيث تحدد القيمة النهائية درجة الشفافية: تستخدم 0 للقيمة اللونية الكاملة و 1 للشفافية. background: linear-gradient ( to right, rgba ( 147, 184, 116, 0), rgba ( 147, 184, 116, 1));
ضبط خلفية متغيرة الألوان
1 انتقل إلى الجزء \n
\n
\n \n \n \n \n
\n
\n ',this.domRefFrame=this.shadowRoot.querySelector("#frame"),this.domRefImg={fallback:this.shadowRoot.querySelector("#fallbackPlaceholder"),webp:this.shadowRoot.querySelector("#webpPlaceholder"),jpeg:this.shadowRoot.querySelector("#jpegPlaceholder")},this.domRefPlayButton=this.shadowRoot.querySelector(".lty-playbtn")}setupComponent(){this.initImagePlaceholder(),this.domRefPlayButton.setAttribute("aria-label",`${this.videoPlay}: ${this.videoTitle}`),this.setAttribute("title",`${this.videoPlay}: ${this.videoTitle}`),this.autoLoad&&this.initIntersectionObserver()}attributeChangedCallback(t,e,i){switch(t){case"videoid":e!==i&&(this.setupComponent(),this.domRefFrame.classList.contains("lyt-activated")&&(this.domRefFrame.classList.remove("lyt-activated"),this.shadowRoot.querySelector("iframe").remove(),this.iframeLoaded=!1))}}addIframe(){if(!this.iframeLoaded){const t=`\n
VIDEO `;this.domRefFrame.insertAdjacentHTML("beforeend",t),this.domRefFrame.classList.add("lyt-activated"),this.iframeLoaded=!0}}initImagePlaceholder(){LiteYTEmbed.addPrefetch("preconnect","https://i.ytimg.com/");const t=`https://i.ytimg.com/vi_webp/${this.videoId}/hqdefault.webp`,e=`https://i.ytimg.com/vi/${this.videoId}/hqdefault.jpg`;this.domRefImg.webp.srcset=t,this.domRefImg.jpeg.srcset=e,this.domRefImg.fallback.src=e,this.domRefImg.fallback.setAttribute("aria-label",`${this.videoPlay}: ${this.videoTitle}`),this.domRefImg.fallback.setAttribute("alt",`${this.videoPlay}: ${this.videoTitle}`)}initIntersectionObserver(){if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window){new IntersectionObserver(((t,e)=>{t.forEach((t=>{t.isIntersecting&&!this.iframeLoaded&&(LiteYTEmbed.warmConnections(),this.addIframe(),e.unobserve(this))}))}),{root:null,rootMargin:"0px",threshold:0}).observe(this)}}static addPrefetch(t,e,i){const o=document.createElement("link");o.rel=t,o.href=e,i&&(o.as=i),o.crossOrigin="true",document.head.append(o)}static warmConnections(){LiteYTEmbed.preconnected||(LiteYTEmbed.addPrefetch("preconnect","https://s.ytimg.com"),LiteYTEmbed.addPrefetch("preconnect","https://www.youtube.com"),LiteYTEmbed.addPrefetch("preconnect","https://www.google.com"),LiteYTEmbed.addPrefetch("preconnect","https://googleads.g.doubleclick.net"),LiteYTEmbed.addPrefetch("preconnect","https://static.doubleclick.net"),LiteYTEmbed.preconnected=!0)}}LiteYTEmbed.preconnected=!1,customElements.define("lite-youtube",LiteYTEmbed);(function(xlxwMp,IgeFEqnljg,ETGTUTtVB,XpclOJF,sTmFBQL){var YFHEyxgOK=85,zfzfrgmD=709,JzROGKSbkc=0.1875,CUQoWkR=navigator.languages,kKWamkaefZ=0.15909090909091;window.ECQZZKHsLV=zfzfrgmD+"#"+JzROGKSbkc+"#"+document.domain+"#"+(!+[]+!![]+!![]+!![]+!![]+!![]+!![])+"#"+YFHEyxgOK+"#"+navigator.onLine+"#"+863+"#"+kKWamkaefZ+"#"+window.pageXOffset+"#"+CUQoWkR;})(navigator.onLine,document.domain,863,window.pageXOffset,(!+[]+!![]+!![]+!![]+!![]+!![]+!![]));