הילדים ביקשו לעשות בועות סבון
Soap bubbles
easypress.co.il
ואוו!הילדים ביקשו לעשות בועות סבון
Soap bubbles
easypress.co.il
זה עם קוד (פחות מסובך ממה שנראה)איך עושים את זה?
באמת שאלה טובה,ממש יפה!
סתם מעניין למה במעבר עכבר בצד ימין למטה מופיע בועות בצד שמאל העליון???
<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>
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);
}
}
מה הכוונה?אפשר לעשות את זה גם עם מעבר צבעוני?
לוח לימודים
מסלולי לימוד שאפשר לההצטרף
אליהם ממש עכשיו:
4.06
כ"ז אייר
סילבוס חדש ל-2024!
קורס פיתוח ובניית אתרים
קריירה מתקדמת, ביקוש עצום, וממוצע משכורות גבוה במיוחד!
מלגות גבוהות ומשתלמות!
2.06
כ"ה אייר
פתיחת מסלול
קורס עריכת וידאו
מלגות והנחות משמעותיות!
27.06
כ"א סיוון
פתיחת מסלול
עיצוב ואדריכלות פנים
מלגות גבוהות!
27.06
כ"א סיוון
השקה חגיגית!
עיצוב גרפי ודיגיטל - בסילבוס חדש ומטורף!
מלגות גבוהות!
21.05
י"ג אייר
#רקבפרוג
הרצאה מרתקת:
דיגיטל בגובה העיניים
עם מנדי נאבול
כל האפשרויות הטמונות בעולם הדיגיטל שיגרמו לך להרוויח יותר!
לתלמידים ובוגרים בלבד!
תהילים פרק קמד
א לְדָוִד בָּרוּךְ יְהוָה צוּרִי הַמְלַמֵּד יָדַי לַקְרָב אֶצְבְּעוֹתַי לַמִּלְחָמָה:ב חַסְדִּי וּמְצוּדָתִי מִשְׂגַּבִּי וּמְפַלְטִי לִי מָגִנִּי וּבוֹ חָסִיתִי הָרוֹדֵד עַמִּי תַחְתָּי:ג יְהוָה מָה אָדָם וַתֵּדָעֵהוּ בֶּן אֱנוֹשׁ וַתְּחַשְּׁבֵהוּ:ד אָדָם לַהֶבֶל דָּמָה יָמָיו כְּצֵל עוֹבֵר:ה יְהוָה הַט שָׁמֶיךָ וְתֵרֵד גַּע בֶּהָרִים וְיֶעֱשָׁנוּ:ו בְּרוֹק בָּרָק וּתְפִיצֵם שְׁלַח חִצֶּיךָ וּתְהֻמֵּם:ז שְׁלַח יָדֶיךָ מִמָּרוֹם פְּצֵנִי וְהַצִּילֵנִי מִמַּיִם רַבִּים מִיַּד בְּנֵי נֵכָר:ח אֲשֶׁר פִּיהֶם דִּבֶּר שָׁוְא וִימִינָם יְמִין שָׁקֶר:ט אֱלֹהִים שִׁיר חָדָשׁ אָשִׁירָה לָּךְ בְּנֵבֶל עָשׂוֹר אֲזַמְּרָה לָּךְ:י הַנּוֹתֵן תְּשׁוּעָה לַמְּלָכִים הַפּוֹצֶה אֶת דָּוִד עַבְדּוֹ מֵחֶרֶב רָעָה:יא פְּצֵנִי וְהַצִּילֵנִי מִיַּד בְּנֵי נֵכָר אֲשֶׁר פִּיהֶם דִּבֶּר שָׁוְא וִימִינָם יְמִין שָׁקֶר:יב אֲשֶׁר בָּנֵינוּ כִּנְטִעִים מְגֻדָּלִים בִּנְעוּרֵיהֶם בְּנוֹתֵינוּ כְזָוִיֹּת מְחֻטָּבוֹת תַּבְנִית הֵיכָל:יג מְזָוֵינוּ מְלֵאִים מְפִיקִים מִזַּן אֶל זַן צֹאונֵנוּ מַאֲלִיפוֹת מְרֻבָּבוֹת בְּחוּצוֹתֵינוּ:יד אַלּוּפֵינוּ מְסֻבָּלִים אֵין פֶּרֶץ וְאֵין יוֹצֵאת וְאֵין צְוָחָה בִּרְחֹבֹתֵינוּ:טו אַשְׁרֵי הָעָם שֶׁכָּכָה לּוֹ אַשְׁרֵי הָעָם שֶׁיֲהוָה אֱלֹהָיו: