שהבועות לא יהיו לבנות עם שקיפות מסתובבת באמצע, אלא בצבעים מעבריים, ורצוי מעבר יותר מעניין מגרדיאנט ישר.מה הכוונה?
משהו כזה?שהבועות לא יהיו לבנות עם שקיפות מסתובבת באמצע, אלא בצבעים מעבריים, ורצוי מעבר יותר מעניין מגרדיאנט ישר.
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); } }
מפחד מהדרישה שתבוא אח"כוואו, זה קסום!
אפשר לעשות בכמה סטים של צבעים?
וואו, אני מאתגרת...
לוח לימודים
מסלולי לימוד שאפשר לההצטרף
אליהם ממש עכשיו:
8.05
ל' ניסן
פתיחת מסלול
אוטומציות עסקיות, בוטים והטמעת מערכות מידע
מלגות גבוהות!
9.05
א' אייר
הנחת ענק!
ירושלמי?
יש לנו מלגה מטורפת עבורך! קורס במימון כמעט מלא!!
ההרשמה בעיצומה
28.05
כ' אייר
פתיחת מסלול מורחב:
פיתוח ובניית אתרים
מלגות גבוהות!
2.06
כ"ה אייר
פתיחת מסלול
קורס עריכת וידאו
מלגות והנחות משמעותיות!
24.06
י"ח סיוון
פתיחת מסלול
מאסטר בשיווק דיגיטלי
מלגות גבוהות!
27.06
כ"א סיוון
פתיחת מסלול
עיצוב ואדריכלות פנים
מלגות גבוהות!
27.06
כ"א סיוון
השקה חגיגית!
עיצוב גרפי ודיגיטל - בסילבוס חדש ומטורף!
מלגות גבוהות!
7.05
כ"ט ניסן
#רקבפרוג
הרצאה מרתקת:
מלחמה מבעד לעדשה
עם אילן לורנצי
שיתוף מטלטל ומיוחד על צילומים בזמן מלחמה ותיעודים יותאי דופן זווית יוצאת דופן מתוך עזה והעוטף ועד הצפון
לתלמידים ובוגרים בלבד!
תהילים פרק קלא
א שִׁיר הַמַּעֲלוֹת לְדָוִד יְהוָה לֹא גָבַהּ לִבִּי וְלֹא רָמוּ עֵינַי וְלֹא הִלַּכְתִּי בִּגְדֹלוֹת וּבְנִפְלָאוֹת מִמֶּנִּי:ב אִם לֹא שִׁוִּיתִי וְדוֹמַמְתִּי נַפְשִׁי כְּגָמֻל עֲלֵי אִמּוֹ כַּגָּמֻל עָלַי נַפְשִׁי:ג יַחֵל יִשְׂרָאֵל אֶל יְהוָה מֵעַתָּה וְעַד עוֹלָם: