שהבועות לא יהיו לבנות עם שקיפות מסתובבת באמצע, אלא בצבעים מעבריים, ורצוי מעבר יותר מעניין מגרדיאנט ישר.מה הכוונה?
משהו כזה?שהבועות לא יהיו לבנות עם שקיפות מסתובבת באמצע, אלא בצבעים מעבריים, ורצוי מעבר יותר מעניין מגרדיאנט ישר.
JavaScript:<script> document.addEventListener("mousemove", function(e){ let body = document.querySelector('body'); let bubble = document.createElement("span"); bubble.classList.add('my-bubble'); let x = e.offsetX; let y = e.offsetY; bubble.style.left = x+'px'; bubble.style.top = y+'px'; let size = Math.random() * 80; let transformValue = Math.random() * 360; bubble.style.width = 20 + size+'px'; bubble.style.height = 20 + size+'px'; bubble.style.transform = 'rotate(' + transformValue + 'deg)'; body.appendChild(bubble); setTimeout(function(){ bubble.remove(); },1000) }) </script>
CSS:body{ height: 100vh; overflow: hidden; cursor: url(https://easypress.co.il/wp-content/uploads/2022/07/bubbles-2.png),auto; } .my-bubble { position: absolute; pointer-events: none; transition: 0.5s; animation: my-animate 1s linear infinite; } .my-bubble::before { content: ''; position: absolute; width: 100%; height: 100%; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1); border-radius: 50%; animation: moveShape 1s linear infinite; } @keyframes my-animate { 0%,100% { opacity: 0; } 20%,80% { opacity: 1; } } @keyframes moveShape { 0% { transform: translate(0) rotate(0deg); } 100% { transform: translate(300px) rotate(360deg); } }
מפחד מהדרישה שתבוא אח"כוואו, זה קסום!
אפשר לעשות בכמה סטים של צבעים?
וואו, אני מאתגרת...
לוח לימודים
מסלולי לימוד שאפשר לההצטרף
אליהם ממש עכשיו:
2.04
כ"ג אדר ב'
השקה חגיגית
חדש בפרוג
קורס חדשנות AI ובינה מלאכותית
14 שיעורים מפוצצים תוכן על כלי הAI השונים ליצירת תמונות וויז'ואל, עריכת וידאו ומושן, כתיבה ורעיונות, אפיון ועיצוב אתרים ועוד המון!
ההרשמה נפתחה!
20.03
י' אדר ב'
פתיחת מסלול
עיצוב ואדריכלות פנים
מלגות גבוהות!
26.03
טז' אדר ב'
פתיחת מסלול
מאסטר בשיווק דיגיטלי
מלגות גבוהות!
8.05
ל' ניסן
פתיחת מסלול
אוטומציות עסקיות, בוטים והטמעת מערכות מידע
מלגות גבוהות!
9.05
א' אייר
ירושלמי?
יש לנו מלגה מטורפת עבורך! קורס במימון כמעט מלא!!
אוטומציות עסקיות, בוטים והטמעת מערכות מידע
ההרשמה בעיצומה
28.05
כ' אייר
פתיחת מסלול מורחב:
פיתוח ובניית אתרים
מלגות גבוהות!
תהילים פרק קכז
א שִׁיר הַמַּעֲלוֹת לִשְׁלֹמֹה אִם יְהוָה לֹא יִבְנֶה בַיִת שָׁוְא עָמְלוּ בוֹנָיו בּוֹ אִם יְהוָה לֹא יִשְׁמָר עִיר שָׁוְא שָׁקַד שׁוֹמֵר:ב שָׁוְא לָכֶם מַשְׁכִּימֵי קוּם מְאַחֲרֵי שֶׁבֶת אֹכְלֵי לֶחֶם הָעֲצָבִים כֵּן יִתֵּן לִידִידוֹ שֵׁנָא:ג הִנֵּה נַחֲלַת יְהוָה בָּנִים שָׂכָר פְּרִי הַבָּטֶן:ד כְּחִצִּים בְּיַד גִּבּוֹר כֵּן בְּנֵי הַנְּעוּרִים:ה אַשְׁרֵי הַגֶּבֶר אֲשֶׁר מִלֵּא אֶת אַשְׁפָּתוֹ מֵהֶם לֹא יֵבֹשׁוּ כִּי יְדַבְּרוּ אֶת אוֹיְבִים בַּשָּׁעַר: