ๆญฃๅœจๅŠ ่ฝฝ่ง†้ข‘...

่ง†้ข‘ๅŠ ่ฝฝๅคฑ่ดฅ

๐ƒ๐ซ๐ž๐š๐ฆ ๐›๐ข๐ . ๐๐ฅ๐š๐ฒ ๐›๐ข๐ ๐ ๐ž๐ซ. Then enter Yuki Soma โœจ #ACLElite | #MACvSAH

18,524 ๆฌก่ง‚็œ‹ โ€ข 3 ไธชๆœˆๅ‰ โ€ขvia X (Twitter)

0 ๆก่ฏ„่ฎบ

ๆš‚ๆ— ่ฏ„่ฎบ

ๅŽŸๅง‹ๅธ–ๅญ็š„่ฏ„่ฎบๅฐ†ๆ˜พ็คบๅœจ่ฟ™้‡Œ

็›ธๅ…ณ่ง†้ข‘

CSS Trick! โšก๏ธ You can use scroll-driven animation with background-attachment to create a dynamic glowing card scroller without JS ๐Ÿ”ฅ section { animation:vibe; animation-timeline:--list; } @โ€‹keyframes vibe { to{--hue:320;}} .glow {background: hsl(var(--hue) 80% 50%);} Here's how! ๐Ÿค™ You can use the background-attachment trick used in other glow card demos ๐Ÿ˜Ž article { background-attachment: fixed; } The difference here is that you aren't going to update the fixed background position with your pointer this time. It can remain fixed. The magic part is that as you scroll, the background will leave the card that's leaving and enter the card that's entering โœจ For the extra background glow, you can use a fixed pseudo element on the list container itself ๐Ÿ’ช Once that's in place, you're only task is to change the color of the background as you scroll ๐Ÿค” Create a custom property declaration for the --hue @โ€‹property --base { inherits: true; syntax: ' '; initial-value: 0; } Then create an animation that updates this value @โ€‹keyframes accent { to { --hue: 320; }} The last piece is hooking it up to scroll and there is a little trick in here ๐Ÿ‘€ First, you need an inline scroll-timeline on the list ul { scroll-timeline: --list inline; } Then you can use timeline-scope to hoist that scroll-timeline up so a parent can use it. You then animate the custom property on this element and let the value cascade down to the places that need it ๐Ÿ”ฅ section { timeline-scope: --list; animation: accent both linear; animation-timeline: --list; } For example, the glow uses the --hue this way [data-glow] { background-image: radial-gradient( 150px 150px at 50% 50%, hsl(var(--hue) 100% 70% / 0.25), transparent ); } Lastly, scroll-snap is optional of course but plays nice with the scroll-driven animation demos โœจ The key for that is ul { scroll-snap-type: x mandatory; } li { scroll-snap-align: center; } That's it! Pretty fun trick to play with! ๐Ÿค“ Any questions, let me know! Should we add it to the video walkthrough list? CodePen.IO link below! ๐Ÿ‘‡

jhey ส•โ€ขแดฅโ€ขส”

116,625 ๆฌก่ง‚็œ‹ โ€ข 2 ๅนดๅ‰

๐ŸŒ In around 3 hours, the sale of spaces will start. Own a piece of virtual land in one of the most exciting #metaverse projects around and also have the chance to win some prizes, see below ๐Ÿฆ„ We are the first virtual world project to build an ecosystem where every asset will be #NFT based. If you want to run a business inside rxelms then the till or counter needs to be an NFT, if you want a plant in your space then it has to be an NFT plant. If you want to open a sneaker store... We are a web3, #crosschain project. We have around 95 partners from most of the big chains and lot's more wanting to join. There really is no limit on the potential size this virtual world can get, the only limitation is the fixed supply of 99,999 spaces ๐Ÿก As the project develops over the next 10 years, so will the things you can do in your space. Make your space look nice using NFT art you've collected, allow people to buy some pieces straight from your wall. Decorate it how you see fit, add functionality and interactivity to make your space unique. Add a gallery admission fee or take on-chain donations from inside your space, the possibilities are endless. A portion of the spaces will soon be shuffled at This is your chance to own a piece of rxelms right from the beginning. If your project doesn't feature in the video we'll make sure to include you in the next one ๐Ÿค โœจ ๐ŸŽ‰ Win a share of $1000 worth of $Niko, the in-game currency for rxelms and help us spread the news. 20 people will win an equal amount of Niko. To enter please: Like, retweet, follow, tag 3 friends and use the hashtag #rxelms in the comments. Winners will be announced in 48 hours. Good luck! #algorand #ethereum #solana #xrp #cardano #avax

rxelms

72,403 ๆฌก่ง‚็œ‹ โ€ข 2 ๅนดๅ‰

She walked in and stole every single scene, and we wouldn't have it any other way. ๐Ÿ’…๐Ÿฝโœจ DiMinkies is not just a character, she's a whole VIBE. From the moment Samkelo Ndlovu brought Minkie to life on Adulting (Showmax), it was clear that we were witnessing something special. The loud laughter, the bold energy, the Alexandra township lingo that hits different every single time. DiMinkies didn't just enter the room, she OWNED it. ๐Ÿ”ฅ Season 2 introduced us to a character so raw, so unapologetically herself, that fans couldn't help but fall in love. She was chaotic, she was dramatic, she was hilarious, but underneath all of that fire was a woman you genuinely rooted for. That's the magic of DiMinkies. She makes you laugh until your stomach hurts, and then hits you right in the feelings when you least expect it. ๐Ÿ˜‚โค๏ธ By Season 3, we got to see a deeper, more introspective side of Minkie, proof that great characters grow, evolve, and surprise you. Samkelo didn't just play this role, she LIVED it. The nuance, the physicality, the delivery, every scene was a masterclass in performance. It's no wonder DiMinkies became a cultural moment, landing voiceover campaigns on TikTok and trending conversations across South Africa. ๐Ÿ‡ฟ๐Ÿ‡ฆ To Samkelo Ndlovu, thank you for giving us a character that feels like that one friend in the group who is absolutely unhinged but you'd never trade for anything. DiMinkies is bold, she's beautiful, she's brilliantly written and even more brilliantly performed. Drop your favourite DiMinkies moment below ๐Ÿ‘‡๐Ÿฝ because we NEED to talk about it.

LambChip

13,658 ๆฌก่ง‚็œ‹ โ€ข 5 ไธชๆœˆๅ‰

CSS variables are live and they are POWERFUL. Now Live on Product Hunt ๐Ÿš€ โžก๏ธ Create a design system "So you can stay consistent and build much quicker." Define global styles like colors, gradients, sizes, and box shadows. โžก๏ธ Use your variables everywhere "So you never have to manually enter a border color again." You're not limited to just sizes, colors, and font families. Use variables in gradients, box shadows, transforms, and more! โžก๏ธ Start with libraries like Open Props, expertly crafted CSS variables "So you can use a tried and true system, and so we can standardize our Projects." Because there are no abstractions, you can use existing CSS variable libraries like Open Props, an expertly crafted library of CSS variables, and the recommended starting point in Webstudio. โžก๏ธ Create complex micro-interactions "So when you hover a link, you can change any children's styles." CSS variables go beyond reusability! You can define variables anywhere in the navigator, such as on a link, and modify the variables on hover. Then, you can use those variables on the children to create complex micro-interactions! โžก๏ธ Design and build simultaneously "So when deciding that perfect border color, you can arrow through all your options." Experimenting on the canvas just got a whole lot better. Now, you can arrow through your variables and see them rendered on the canvas to see which works best. โžก๏ธ Change variable by breakpoint "So you can make the variables look great, no matter the screen size." CSS variables in Webstudio use the same UI as the rest of your styles, enabling breakpoints to work the same way. โœจ Building with design systems gives a HUGE boost in speed, consistency, and maintainability.

Webstudio

15,497 ๆฌก่ง‚็œ‹ โ€ข 1 ๅนดๅ‰

Happy New Year to Global Pioneers! ๐ŸŒโœจ Pi Network is a historic revolution. It is not a traditional cryptocurrency where people enter at Open Mainnet, sell for profit, speculate, and leave. It is also not a simple product release where value appears the moment a product is ready. Pi Network is not a project driven only by a team. Its success depends on collaboration between the Core Team and usโ€”the Pioneers. That is why real value takes time. True value requires patience, trust, and collective effort. The Bamboo Lesson ๐ŸŒฑ Look at the bamboo. For the first four years, bamboo grows only about 3 centimeters above the ground. But during this time, it is building a massive root system underground, extending hundreds of square meters. Then, in the fifth year, everything changes. The bamboo can grow 30โ€“40 centimeters per day, reaching up to 15 meters in just six weeks. This is how real growth works. This is how Pi Network grows. And this is how GCV value is built. Nothing is wasted. What looks slow today is foundation-building for tomorrow. Where We Are Now Pi Network has already succeeded in its first major stage with the Enclosed Mainnet. Since February 2025, we have entered the Open Mainnet phase. However, Piโ€™s Open Mainnet is not like traditional crypto Open Mainnet. In traditional crypto, the exchange market is the destination. In Pi Network, the exchange market is only a bridgeโ€”not the destination. Open Mainnet is not a light switch. It is a process, involving: Compliance Ecosystem development Real utilities Value consensus Community strength Today, we are encouraged to see hundreds of GCV DApps and GCV embedded directly in code. This is a critical stepโ€”because only when Piโ€™s value is created and confirmed by Pioneers can the next stages move forward. What Should Pioneers Do? โ€ข Keep high spirits and trust Pi Network โ€ข Be grateful to walk this journey with Dr. Nicolas Kokkalis and Dr. Chengdiao Fan โ€ข Support our GCV Ambassadors, Special Envoys, partners, and community builders Together, we are building something that can fulfill our mission, our vision, and our shared dream. A Message for 2026 ๐Ÿ’ซ Please do not stress about GCV dates. Focus on your life, your work, and your family. When you live fully, time moves fast. When you only wait, anxiety grows. Please do not chase rumors or fake news. Instead, focus on building our community and ecosystemโ€”that is where positive energy comes from. Let us, the Global Pioneers, continue building, and allow PCT to focus on technical and infrastructure matters. GCV success. Pi Network success. May all Pioneers enjoy a happy, healthy, and prosperous 2026 ๐ŸŒฑโœจ Doris Yin ๐Ÿชท ๐Ÿชท ๐Ÿชท January 1st 2026

Doris Yin ไธœๆ–น็ดซ่Žฒ๐Ÿชท

16,479 ๆฌก่ง‚็œ‹ โ€ข 7 ไธชๆœˆๅ‰