Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Sharkpedo Failed Catch! 🦈 ✨ Anonymous Commission! - Animation made by T4m4🔞 (OPEN COMM) , Martin Fischer and me! Some of the Foleys made by OpenNSFW ! #TGTF #TFS #TGTFAnimation #GenderSwap #identitydeath #PokemonTGTF #Pokemon #Transformation #rougthanimation

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

𝙂𝙞𝙜𝙖 𝘽𝙖𝙚𝙡𝙯 | 𝙃𝙤𝙡𝙤𝙡𝙞𝙫𝙚 𝙂𝙞𝙖𝙣𝙩𝙚𝙨𝙨 𝘼𝙣𝙞𝙢𝙖𝙩𝙞𝙤𝙣 ---------------------------------------------------- After months working this animation from June to September, and a lot of delays. The animation is finally here, with some better upgrades and making a better animation with some details I decided to give. Plus, there's a greenscreen scene that I wanted to experiment but someday I'll explain the whole thing what is wrong that I feel like... bad for it. But, I hope this is worth it to experiment with this animation, and the greenscreen. Which someday in the future, I'll be making better of greenscreen so, stay tune for this. And thank you guys, for your patience and supporting me to make this animation as possible. Also, support me on P-site, to see my whole works that I do of renders I post in there. ---------------------------------------------------- CREDITS AND STUFF Animation Directed by: ChibuProduction3D. Storyboard by: ChibuProduction3D. Audio Composed by: ChibuProduction3D. Assets and Sounds SFX used from GTS Pack by: @/RensGts Animation made with Blender 4.4.3 LTS. ChibuProduction as myself (for the IRL Scene). Music Used on the Ending: Tifa's Theme - FINAL FANTASY VII (Composed by Nobuo Uematsu). Greenscreen Camera Assistant Recording and Filmed by: BlukDen ---------------------------------------------------- #SizeTwitter #giantess #巨女

ChibuProduction3D EN/LATAM (Comms Open)

15,048 Aufrufe • vor 9 Monaten

CSS Tip! ✨ You can create these parallax effects and image cross-fades with scroll-driven animations 🤙 img { animation: fade; animation-timeline: view(); mix-blend-mode: plus-lighter } img:last-of-type { animation-direction: reverse; } @​keyframes fade { to { opacity: 0; }} This one's fun! 😁 The trick with the cross-fading image is to make use of one animation that runs at the same time on two images inside a container. You use the same animation, animation-timeline, and animation-range. But, you use animation-direction: reverse on one of the images so they go in the opposite direction 🫶 The use of mix-blend-mode: plus-lighter; produces a better cross-fade result 💯 A viewTimeline (view()) works because you know that both images are the same height. The range you can use is img { animation-timeline: view(); animation-range: cover 45% cover 55%; } That means when the image has covered 45% of the scrollport (In this case, the window), start the animation. And finish when it has covered 55% 🎬 How about the slight parallax? This is a trick with calc(). You know the top of the small image and the big image line up. And you can do this by absolutely placing the caption outside of the small image. The trick is to translate the small image by a distance so it lines up with the bottom of the big image. You can do that like this :root { --catch-up: calc( var(--big-height) - var(--small-height) ); } @​keyframes move { to { translate: 0 var(--catch-up); }} Then drive that animation with a scroll-driven animation using the container of both images as the driver 🤙 /* section contains both images */ section { view-timeline: --container; } .img-fader { animation: catch-up both linear; animation-timeline: --container; animation-range: 50vh calc(100vh + (var(--big-height) * 0.25)); } That's it! Scroll-driven image cross-fading and parallax effects without any JavaScript. This demo will work in all browsers as there is some JavaScript in place where the API isn't supported 🤙 To do that, it uses GSAP ScrollTrigger 🏆 As always, any questions, requests, etc. hit me up! 🤙 CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

242,205 Aufrufe • vor 2 Jahren