მარტივი ცსს კითხვა, დამწყები

მოკლედ მსგავს საკითხს გადავაწყდი , ჩემით როცა დავწერე სულ არ მიხმარია ეს დამატებითი კოდი აქ კიდე

https://codepen.io/Shelnz1/pen/RwPGbyr დამატებულია და რეალურად რაშია საჭირო ეს ნაწილი ?? ანუ რომც ამოაკლო მაინც იგივენაირად მუშაოვს ანიმაცია . შეიძლება ძალიან უაზრობას ვკითხულობ მაგრამ თუ მომცემთ სწორ მიმართულებას ძალიან მადლობელი დაგრჩებით


.loader span {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: linear-gradient (#14ffe9, #ffeb3b, #ff00e0);
}
.loader span:nth-child(1) {
filter: blur(5px);
}
.loader span:nth-child(2) {
filter: blur(10px);
}
.loader span:nth-child(3) {
filter: blur(25px);
}
.loader span:nth-child(4) {
filter: blur(50px);

This post has been edited by levan88 on 28 Apr 2020, 12:50

levan88

მანდ ეუბნება რომ loader ის span child ებს გაუკეთე blur- 1,2,3,4

ანუ ამ ელემენტებს blur-ს უკეთებს

ეგ ანიმაციას არ შეაფერხებს რა თქმა უნდა
უბრალოდ ამოგდების შემთხვევაში blur-ები აღარ ექნება მაგ ელემენტებს
blur() << დოკუმენტაცია

შეგიძლია იცი რა ქნა?! მაგალითად რომელიმე ჩაილდს დაუყენო ბექრაუნდი
შავი მაგალითად:

და blur ის მნიშვნელობა ცვალე და დაინახავ სხვაობას თუ რას აკეთებს

This post has been edited by DoomDev on 28 Apr 2020, 13:57

DoomDev
მადლობა დიდი მივხვდი ახლა .