正在加载视频...

视频加载失败

Pistol 21 Series – "21 Double" Quick Hitter 🔥 Marc Hart breaks down the actions, counters, & ATOs with game film + animation. PDF play diagrams included. Want it? Drop #ballscreen below & we’ll send you the link! 👇 #BasketballCoaching #XsOs

49,617 次观看 • 1 年前 •via X (Twitter)

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

CSS Tip! 🐳 You can add little details like this scale down on scroll effect with scroll-driven animations and some sticky positioning 🤙 section { animation: scale-down; animation-timeline: view(); animation-range: exit; } @​keyframes scale-down { to { scale 0.8; } ] In this smaller example, you can lean into using the position to drive an animation that scales itself down as it leaves the viewport (Seen on the Apple Vision Pro site 🍏) The nice thing here is that if you don't have scroll-driven animations, the user still gets a good experience ✨ So how do you do it? There isn't much to it header { transform-origin: 50% 0%; animation: scale-down both ease-in; animation-timeline: view(); animation-range: exit; view-timeline: --header; } @​keyframes scale-down { to { scale: 0.8 0.8; } } That's it. The layout makes use of position: sticky so that the element stays in the shot whilst you scroll the page. As it leaves the page, it scales down inside the 🫶 The other smol animation here is fading the overlay on the video out 😎 Real easy. You may notice the view-timeline you defined above for the 👀 header { view-timeline: --header; } You have a pseudoelement on the text content of the header that lives inside a header > section::before { background: hsl(0 0% 0% / 0.75); opacity: 1; animation: fade both linear; animation-timeline: --header; animation-range: exit-crossing 0% exit 0%; } @​keyframes fade { to { opacity: 0; } } You use a slightly smaller range on this with exit-crossing to fade it out before you start the scale down animation 🤏 That's it! Thought this smaller example would be easier to grok for people 🙏 It's also covered with JavaScript if you really want it for your sites 🤙 CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

146,270 次观看 • 2 年前

🚨 $KATA FAM – THE STEAM DEMO GOES LIVE TOMORROW! 🔥 💰WIN $250 in $KATA Giveaway below! Tomorrow is the day. The Katana Inu Steam Demo will be live from April 11 to April 21. 🔥 Steam: This is your chance to jump in, play the game, and help us make some real noise around the demo launch. 😍 Once the demo phase is over, we already have a lot planned. We will share all details with you over the coming weeks, but one thing is already clear: 🎮 As a creator, you can expect the chance to win 2x PS5 for your community🎁 - More prizes and giveaways are also coming! Right now, we need your full support! 👉Wishlist the game on Steam & Play it 👉Play the demo as soon as it goes live 👉Leave your feedback on Steam, if you enjoy the game 👉Help us push Katana Inu to a bigger audience Every wishlist, every session, and every piece of feedback helps a lot! Let’s show what this community is made of. 💥 BONUS $KATA GIVEAWAY ALERT! We’re adding EVEN MORE fuel to the fire… 👉 5x $50 in $KATA 💰 Total: $250 in $KATA up for grabs! 🖼 1 Takeru Gensis NFT 🎯 How to participate? Join our Steam Demo between April 11 – April 21 🔥 1. Take a screenshot as proof that you play it 2. Wishlisted on Steam 3. Drop it in the comments below 👇 4. RT/QT this + Like ❤️ 5. Tag 3 person Influencer/Friend! ⚡ That’s it – you’re in! 🔥 More action = more hype 🔥 We choose random winners! Let’s make this event great and show everyone what $KATA FAM is made of 💥

Katana Inu

25,267 次观看 • 4 个月前

CSS Tip! 📜 You can use scroll-driven animations to progressively enhance collapsing a floating call to action 🤏 .cta { animation: shrink; animation-timeline: scroll(); animation-range: 0 100px; } @​keyframes shrink { to { width: 48px; } } That's the gist of it. Use the body scroll position with animation-timeline: scroll(). Define the animation-range as when you have scrolled 100px. There's a little more though 🤓 That would "scrub" the width animation. Ideally, you want to trigger that animation. You could animate a custom property with steps() timing and use that to define the width ✨ @​property --scrub { syntax: ' '; inherits: true; initial-value: 0; } body { animation: scrub both steps(1, end); animation-timeline: scroll(); animation-range: 0 100px; } Then transition the --scrub property on the CTA and use it for the width 🤙 .cta { transition: --scrub 0.2s; width: calc(48px + (120px * (1 - (var(--scrub) / 100)))); } Other animations are a matter of preference and timing. For example, you could then make the hand wave, scale down the size, and then slide a gradient across 😉 They have the same structure and technique as the original concept. Waving the hand? 👋 Run it twice, offset the transform-origin. .hand { animation: wave both linear 2; animation-timeline: scroll(); animation-range: 30vh 50vh; transform-origin: 65% 75%; } @​keyframes wave { 50% { rotate: 20deg; } } How's it progressively enhanced? Wrap everything in a @​supports query and a @​media query. If there isn't support, users still get a good experience. It's a floating action button that's circular and already collapsed 🤙 @​supports(animation-timeline: scroll()) { @​media(prefers-reduced-motion: no-preference) {...} } Definitely have a play with the code. Amazing what we're going to be able to do with CSS alone! 🔥 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

177,902 次观看 • 2 年前

Bam Adebayo GOES IN on the critics that says his 83 point game performance is unethical: "For the couch coaches, I mean, if you're in my shoes and you have, first of all, y'all are blaming me. You should be blaming the head coach. Get that first. I was not the one letting me go one-on-one the whole game until I had 70, and then you started to send a double. At that point, I got 70 with, like, what? nine minutes left to go in the game you think i'm not going for it like like and that's the thing that's crazy when they talk about the unethical part of the basketball i'm like if i have 70 points with 9 minutes to go Who would just be like, you know, coach, just take me out. Yeah, right. Anybody in my shoes with nine minutes left? Okay. A minute? All right. Nine? Yeah, I'm going for it. You can't be mad at that. If you are mad, I don't care because a lot of people, they're upset because if they did play, they never had a chance to get that close to chasing greatness. And then if you get that close to chasing greatness, that's the point of chasing it so you can surpass it. And some of the people have never played basketball. So like if you've been in the backyard and you and a couple of your homies have been playing 21 and you got 19. You're not going to get an easy look off. And four, they're going to talk about the free throws. It's not like I shoot 15 free throws a game. It's not like I average 10 free throws a game. You can watch the film. I was legitimately getting fouled every time. So I went to the free throw line."

Ahmed/The Ears/IG: BigBizTheGod 🇸🇴

373,876 次观看 • 5 个月前