Loading video...
Video Failed to Load
🌸 Silvervale 's Animation screen🌸 [ #DoodleVale ] --- Animation Commission --- 👑Client : 🌸 Silvervale 🌸 ✈️ TCon EU | Dokomi 🎨Art : 🖤 Luxu 🖤 🎬Animation : 🥕KJOEE88 Thank you for support KJOEE88 🐰🙏 I’m so honored to have been the part of your journey🙇♂️ #aftereffects #Vtuber... show more
52,892 views • 9 months ago •via X (Twitter)
0 Comments
No comments available
Comments from the original post will appear here
![FeFe 🔥 [ #Vtuber ] --- Animation Commission --- 👑Client : FeFe 🫦 [ #FeFeArt ] 🎨Art : Vyragami 🍥 🎬Animation : 🥕KJOEE88 Thank you for choosing KJOEE88 🐰🙏 #animation #Vtubers #streamer #BreedBrigade #jojo_anime](https://image.24vids.com/tw-1616441121365983234/media/Fm6_TU8aUAAlajK.jpg)
![[Trans] -1- FC: I’d like to tell Win that from today and always, we will continue to support you. Whether you’re feeling tired, discouraged, or lost, please turn to us - we will be the wind beneath your wings. No matter what the future holds, we will love and support you as much as we possibly can 🥺💚 🐰: Thank you so much for all the warm wishes and for sharing your feelings with me. I’ve actually been in the industry for a while, and I used to feel like I was still a newbie. But now, with so many new faces and fresh talent coming in, I feel incredibly grateful to still have all of you by my side, supporting me. I truly appreciate each and every one of you for being here today and sharing this happiness together. I’m glad to be a part of your happiness. Please rest assured that even though I have many things to do in life, this part has truly become my family. I never forget that I have you all, and I always think of you. Whatever I do in life, I always want to share it with you and let you be a part of it. Thank you so much for still wanting to know about my life. 🗣️: We’re not being nosy 🧐😅😂 - we care! 🥹🥹😂 🐰: LOL… I mean, still wanting to support me. No matter what the future holds, let’s hold hands and walk this journey together. I’m so grateful to see you all still here with me 🥺🥹😢😭💚 WIN THE 26TH CHAPTER #WishesWinWith26th #winmetawin Winmetawin (ctto Khun Metawin_is_art 🙏🏻)](https://image.24vids.com/tw-1892949943301861830/amplify_video_thumb/1892949727794393088/img/GA8AE-ecZlZ6m80Q.jpg)
![CSS Tip! ✨ It's 2024 and you have a new way to make animated borders 🚀 .glow::after { offset-path: rect(0 100% 100% 0 round var(--radius)); animation: loop; } @keyframes loop { to { offset-distance: 100%; }} Using the offset-* properties you can animate elements along the perimeter of others 😍 The rect() value gained support in Safari 17.2 🙌 To start, you create an element and put it inside your main element. For example, you put a span inside the button 🤙 Click me! Make the element fill its parent with absolute positioning and inset [data-glow] { position: absolute; inset: 0; } Now the good part, you use a pseudoelement on that element and define an offset-path [data-glow]::after { content: ""; offset-path: rect(0 auto auto 0 round var(--radius)); animation: loop 2.6s infinite linear; } With the rect value, you are saying the path fills the parent container: top: 0 right: auto || 100% bottom: auto || 100% left: 0 Then you can use round to make sure the path uses the same radius as whatever the parent has The @keyframes animation merely animates the offset-distance of that pseudoelement to 100% @keyframes loop { to { offset-distance: 100%; }} You can see this more clearly in the video 🫶 The offset-* properties also include an offset-anchor property. This allows you to dictate which point of the element follows the path. For example: anchor-offset: 100% 50%; This means that the "right, center" of the element will follow the perimeter of the parent element 🤙 Lastly, the visuals 🎨 For color, you can use a gradient such as a linear gradient to fill the pseudo-element. [data-glow]::after { background: radial-gradient( circle at right, hsl(320 90% 100%), transparent 50% ); } Then clip away everything so you only have the border and can still have translucent backgrounds, etc. Use a mask with mask-composite ✨ A little transparent border trick: [data-glow] { border: 2px solid transparent; mask: linear-gradient(transparent, transparent), linear-gradient(white, white); mask-clip: padding-box, border-box; mask-composite: intersect; } Bit of a long one. Hope you find it useful 🙏 CodePen.IO link below 👇](https://image.24vids.com/tw-1752903535488823789/ext_tw_video_thumb/1752900027591151616/pu/img/d0sViTqgbe8N-yux.jpg)
