Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Noticed this ring/outline animation on press this morning. First time seeing this treatment, I like it. Much more subtle than the typical background "ripple" (which always felt gratuitous to me). The animation (rather than transition) means it works even for a fast tap. And using the border rather than...

samselikoff's profile picture

Sam Selikoff

31,830 subscribers

52,450 Aufrufe • vor 9 Monaten •via X (Twitter)

Wissenschaft & TechnologieBildungKunst
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

This got a lot more love than I expected, thank you. Here’s how it looks in a PS1 emulator (DuckStation). It’s easier to see how nicely the cat blends with the background and how the subtle fog makes it look even nicer. :)
0:17

This got a lot more love than I expected, thank you. Here’s how it looks in a PS1 emulator (DuckStation). It’s easier to see how nicely the cat blends with the background and how the subtle fog makes it look even nicer. :)

Elias Daler

34,880 Aufrufe • vor 3 Monaten

004/100 Buttons. A bit of the process on building an animation. When looking at a finished animation or in this example a finished button, it can look quite complex inside the CSS. But when building it, it’s more like a lot of simple steps, one after another. Here I had the idea to make some kind of text animation like the footer logo on the Osmo site. I try to add the base animation with no complex easing, for example transition: translate 0.4s ease. Starting with just moving the one text from bottom to top and the other text to top. Adding a stagger, play around with it. Searching for a way to make it more circular. On the research I found the sin() function inside CSS which can build a more smooth non linear curve for the stagger which creates this circular effect. And step by step adding more complexity like, different easing for hover/hover-out, opacity, 3D transform and more. I use also the sin() function to rotate the letters, so the middle ones are getting more rotated than the outer ones. Another thing which helps is to add a small delay on hover, for example 0.05s or 0.1s, you don’t really see the difference, but when you hover pretty fast on and out it doesn’t get that jumpy. I’m using here GSAP’s SplitText to split every char into spans. And then I’m adding a CSS index variable to every span, starting from the center. SplitText can provide CSS index variables, but you cannot tell it from which direction. For the sin() it’s also important to have a max length, so I add another CSS variable with the max char number on it. Crafting 100 Buttons with Osmo ⏳ Total time: 63h
0:17

004/100 Buttons. A bit of the process on building an animation. When looking at a finished animation or in this example a finished button, it can look quite complex inside the CSS. But when building it, it’s more like a lot of simple steps, one after another. Here I had the idea to make some kind of text animation like the footer logo on the Osmo site. I try to add the base animation with no complex easing, for example transition: translate 0.4s ease. Starting with just moving the one text from bottom to top and the other text to top. Adding a stagger, play around with it. Searching for a way to make it more circular. On the research I found the sin() function inside CSS which can build a more smooth non linear curve for the stagger which creates this circular effect. And step by step adding more complexity like, different easing for hover/hover-out, opacity, 3D transform and more. I use also the sin() function to rotate the letters, so the middle ones are getting more rotated than the outer ones. Another thing which helps is to add a small delay on hover, for example 0.05s or 0.1s, you don’t really see the difference, but when you hover pretty fast on and out it doesn’t get that jumpy. I’m using here GSAP’s SplitText to split every char into spans. And then I’m adding a CSS index variable to every span, starting from the center. SplitText can provide CSS index variables, but you cannot tell it from which direction. For the sin() it’s also important to have a max length, so I add another CSS variable with the max char number on it. Crafting 100 Buttons with Osmo ⏳ Total time: 63h

Eduard Bodak

166,023 Aufrufe • vor 2 Monaten

Let's take a look at the beautiful vivo OriginOS 6 ultrasonic fingerprint animation. The feature of this advanced animation is that it can have a relationship with the background and distort the background instead of floating on the surface like Samsung.
0:12

Let's take a look at the beautiful vivo OriginOS 6 ultrasonic fingerprint animation. The feature of this advanced animation is that it can have a relationship with the background and distort the background instead of floating on the surface like Samsung.

Ice Universe

50,648 Aufrufe • vor 7 Monaten

I mean this with no disrespect; last season Joel Embiid would've cleared the rebound and kicked it out to reset the offense rather than push it in transition. Very intrigued to see if this urgency continues.
0:11

I mean this with no disrespect; last season Joel Embiid would've cleared the rebound and kicked it out to reset the offense rather than push it in transition. Very intrigued to see if this urgency continues.

Jacob Moreno

206,179 Aufrufe • vor 8 Monaten

It doesn’t get much cuter than this 🥰 After reading to the horses, the kids from I Would Rather Be Reading got to love on Michelle Lovell’s horses 🏇🏽
0:13

It doesn’t get much cuter than this 🥰 After reading to the horses, the kids from I Would Rather Be Reading got to love on Michelle Lovell’s horses 🏇🏽

Churchill Downs

31,733 Aufrufe • vor 2 Jahren

I much rather watch this than that hideous video that came out from the White House. As usual, Melania did everything with beauty and grace. The White House was much more classier than the current dumpster fire currently residing in it. Repost if you agree. 🔥🔥🔥
0:19

I much rather watch this than that hideous video that came out from the White House. As usual, Melania did everything with beauty and grace. The White House was much more classier than the current dumpster fire currently residing in it. Repost if you agree. 🔥🔥🔥

Sassafrass84

76,992 Aufrufe • vor 2 Jahren

a little ramble, but I always love the focus more on hypnosis rather than sex in NSFW media, being giving commands~ body complying to relaxxxx~ to sssssssleeep~ take this little moment in @/anotherkaafan's animation for example~ ❤️ Full focus on the pretty colours~ the control~
0:11

Sensitive content

a little ramble, but I always love the focus more on hypnosis rather than sex in NSFW media, being giving commands~ body complying to relaxxxx~ to sssssssleeep~ take this little moment in @/anotherkaafan's animation for example~ ❤️ Full focus on the pretty colours~ the control~

Rilian StormClaw

452,103 Aufrufe • vor 2 Monaten

I’m curious if @StephenAmell can answer this question about this scene. The “I Love You John” line felt like a improvised line, or it’s just the way Stephen said it felt so much more emotional than I expected. I loved this reunion, and the episode so much! #TheFlash
0:16

I’m curious if @StephenAmell can answer this question about this scene. The “I Love You John” line felt like a improvised line, or it’s just the way Stephen said it felt so much more emotional than I expected. I loved this reunion, and the episode so much! #TheFlash

Chainsaw Reacts

122,040 Aufrufe • vor 3 Jahren

'SONIC.EXE2013 - Camisado' is still on the works have this on the mean time even tought it was supossed to release on my birthday that day sucked ass, and this includes comissions to be fair ive been spending time on being with my girlfriend rather than ''work'' so yeah, my bad
0:12

'SONIC.EXE2013 - Camisado' is still on the works have this on the mean time even tought it was supossed to release on my birthday that day sucked ass, and this includes comissions to be fair ive been spending time on being with my girlfriend rather than ''work'' so yeah, my bad

kneesocks nothing burguer

78,044 Aufrufe • vor 5 Monaten

I had to pay twitter for this post so everyone better like it and find it useful 🫵 . . . please 🥹 The squish is actually a side effect of the method rather than intentionally geared for to happen
0:19

I had to pay twitter for this post so everyone better like it and find it useful 🫵 . . . please 🥹 The squish is actually a side effect of the method rather than intentionally geared for to happen

Crea🔺️3D ✥

170,196 Aufrufe • vor 2 Jahren

Fun fact: This is the first time I’ve ever lost a bumper from speed rather than hitting something 🤣
0:11

Fun fact: This is the first time I’ve ever lost a bumper from speed rather than hitting something 🤣

adam lz

31,125 Aufrufe • vor 1 Jahr

I don't know about you, but I'd much rather listen to this inspiring speaker than the orange buffoon occupying the Oval Office.
0:17

I don't know about you, but I'd much rather listen to this inspiring speaker than the orange buffoon occupying the Oval Office.

CALL TO ACTIVISM

109,768 Aufrufe • vor 1 Jahr

The animation error made this funnier than it should be
0:16

The animation error made this funnier than it should be

JC-

423,920 Aufrufe • vor 2 Jahren

Samsung can’t be serious right now 😭 it doesn’t open the app from the icon even when i tap the app icon 😭🙏 And the animation is worse than HyperOS 3 💔
0:12

Samsung can’t be serious right now 😭 it doesn’t open the app from the icon even when i tap the app icon 😭🙏 And the animation is worse than HyperOS 3 💔

Noah Cat

34,614 Aufrufe • vor 5 Monaten

I made a second version of the transformation video. This time I moved the character into a real environment instead of using a plain white background. I also changed the opening and showed the final transformation result first. The overall flow feels much stronger now. Full workflow + prompts: The interesting part is that this type of video is much easier to make than it looks. You only need a base image, then generate the next keyframe through simple edits or outfit changes on the canvas. The entire transformation sequence is built from those keyframes.
0:18

I made a second version of the transformation video. This time I moved the character into a real environment instead of using a plain white background. I also changed the opening and showed the final transformation result first. The overall flow feels much stronger now. Full workflow + prompts: The interesting part is that this type of video is much easier to make than it looks. You only need a base image, then generate the next keyframe through simple edits or outfit changes on the canvas. The entire transformation sequence is built from those keyframes.

underwood

311,522 Aufrufe • vor 1 Monat

This can of Ravioli has more CHARM and APPEAL than most characters in modern Triple A Games, I felt genuine sadness seeing it fall to the bottom.
0:17

This can of Ravioli has more CHARM and APPEAL than most characters in modern Triple A Games, I felt genuine sadness seeing it fall to the bottom.

Windpress

26,735 Aufrufe • vor 3 Monaten

Now tell me how the hell are bus stops being allowed to be built like this….I prefer to cycle in the road rather than lanes like this ….
0:11

Now tell me how the hell are bus stops being allowed to be built like this….I prefer to cycle in the road rather than lanes like this ….

Ediz

35,250 Aufrufe • vor 3 Jahren

New fight sequence with more Cammy! This time it felt like I bit more than I can chew but I think I came out on top. Phew!😄 Animation and VFX by me. Cammy rig: A$AP BERG Animated in Blender 🔶 #animation3d #b3d #CammyWhite #StreetFighter6 #animation
0:10

New fight sequence with more Cammy! This time it felt like I bit more than I can chew but I think I came out on top. Phew!😄 Animation and VFX by me. Cammy rig: A$AP BERG Animated in Blender 🔶 #animation3d #b3d #CammyWhite #StreetFighter6 #animation

phenecly

254,828 Aufrufe • vor 5 Monaten