לאחרונה רואים הרבה את הצורות האלה, זה נקרא באנגלית blob (כתם), ובסרטון הזה נראה איך אפשר ליצור אותם עם עיגולי פינות, באמצעות תוכנה קטנה שבניתי.
הקודים שבסרטון,
selector div{
border-radius:95% 10% 66% 56% / 71% 59% 94% 27%;
}
בלוב עם אנימציה
selector div{
animation: blobAnimation 5s linear infinite;
}
@keyframes blobAnimation{
0%{
border-radius:25% 40% 36% 48% / 9% 63% 24% 73%;
}
34%{
border-radius:1% 38% 80% 61% / 39% 69% 51% 41%;
}
67%{
border-radius:95% 10% 66% 56% / 71% 59% 94% 27%;
}
100%{
border-radius:25% 40% 36% 48% / 9% 63% 24% 73%;
}
}
5 תגובות
מדהים!
הראשון לכל תוכן מקצועי בתחום
אלוףףףףףףףףףףףףףףף
אוהבים את התוכן האמיתי שלך (;
תודה!
האם ניתן להחיל את הקוד גם על תמונת PNG ושהקוד יחול על התמונה עצמה
כמו תמונה של כדור הארץ ושיחול עליה את אותו אפקט?
הי רעות, פשוט בשורה הראשונה במקום לכתוב: selector div תכתבי selector img 🙂