正在加载视频...

视频加载失败

🐍 Solid Snake can use the Soliton Radar Mk. III to check his immediate surroundings. 🟢 Green = all clear 🟡 Yellow = active camera 🔴 Red = enemy operator It also has a precision mode 🎯👀

29,353 次观看 • 5 个月前 •via X (Twitter)

0 条评论

暂无评论

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

相关视频

CSS Trick 🤙 You can create these tab bar controls by using :has() to count the number of tabs ⭐️ .tabs:has(input:nth-of-type(3)){--count: 3;} .tabs:has(:checked:nth-of-type(3)){--active: 200%;} .tabs::after{ translate:var(--active) 0;} Let's break it down in this ! 📼 Couple of CSS :has() tricks here combined with custom properties 😎 First things first, lay out the tabs using display: grid. This gives you a way to create equal-width tabs 🙏 .tabs { display: grid; grid-auto-flow: column; } Then you use :has() to count the number of tabs and store that in a custom property 🤓 .tabs:has(input:nth-of-type(3)) { --count: 3; } .tabs:has(input:nth-of-type(4)) { --count: 4; } Using the cascade, the last valid :has() gives you the number of tabs 🫶 Using the tab count, you can size the tab indicator. For the tab indicator, use the tabs pseudoelement: .tabs::after { content: ""; position: absolute; height: 100%; width: calc(100% / var(--count)); } See how you can use --count to determine its size 📏 Next, use :has() to determine which tab is active or :checked with input [type=radio] .tabs:has(:checked:nth-of-type(2)) { --active: 1; } .tabs:has(:checked:nth-of-type(3)) { --active: 2; } You can use a zero-indexed translation here. If the second input is :checked, set --active: 1, then translate the pseudoelement on the tabs to that position 👉 .tabs::after { translate: calc(var(--active, 0) * 100%) 0; } Or you could set active to the translation: .tabs:has(:checked:nth-of-type(2)) { --active: 100%; } Setting the custom property allows you to use the index elsewhere if you need it 🤙 The final piece is using mix-blend-mode 👀 The tabs have a black background-color, the pseudoelement is white, and the label text is white. When you use mix-blend-mode: difference on the pseudoelement it will give this effect that the text transitions from white to black sliding across 😎 .tabs::after { color: hsl(0 0% 100%); mix-blend-mode: difference; } You can totally mix up the colors here though and go with a different effect. The mechanics of how you can use CSS :has() is the main point here 🙏 As always, any questions, suggestions, etc. let me know CodePen.IO link below! 👇 (There's even a Tailwind CSS play for this one too 👀)

jhey ʕ•ᴥ•ʔ

70,670 次观看 • 2 年前

CSS Tip! 💪 You can create these tab controls with CSS :has() + radio buttons ✨ .tabs:has(input:nth-of-type(3)) { --count: 3; } .tabs:has(:checked:nth-of-type(3)) { --active: 2; } .tabs::after { translate: calc(var(--active, 0) * 100%) 0; width: calc(100% / var(--count)); } Two CSS :has() tricks here combined with a rendering trick 🤙 The tab control is a container using display: grid. You can use :has() to count the number of tabs in the container: .tabs:has(input:nth-of-type(3)) { --count: 3; } .tabs:has(input:nth-of-type(4)) { --count: 4; } Using the cascade, the last valid :has() gives you the number of tabs 🫶 Once you know the number of tabs, you know how to size the indicator: .tabs::after { content: ""; position: absolute; height: 100%; width: calc(100% / var(--count)); } It's a pseudoelement that uses --count to determine its size 📏 The next :has() trick is determining which tab is active or :checked as it's an input [type=radio] .tabs:has(:checked:nth-of-type(2)) { --active: 1; } .tabs:has(:checked:nth-of-type(3)) { --active: 2; } You can use a zero-indexed translation here. If the second input is :checked, set --active: 1, then translate the pseudoelement on the tabs to that position 👉 .tabs::after { translate: calc(var(--active, 0) * 100%) 0; } The last rendering trick is using mix-blend-mode 👀 The tabs have a black background-color, the pseudoelement is white, and the label text is white. When you use mix-blend-mode: difference on the pseudoelement it will give this effect that the text transitions from white to black sliding across 😎 .tabs::after { color: hsl(0 0% 100%); mix-blend-mode: difference; } You can totally mix up the colors here though and go with a different effect. The mechanics of how you can use CSS :has() is the main point here 🙏 As always, any questions, suggestions, etc. let me know CodePen.IO link below! 👇 (There's even a Tailwind CSS play for this one too 👀)

jhey ʕ•ᴥ•ʔ

437,426 次观看 • 2 年前

📚 YOUR NEXT LEVEL STARTS WITH YOUR NEXT BOOK! The Ultimate Business & Motivational Reading Stack — all in one place! 🔴 The Diary of a CEO— Steven Bartlett 🟠 The 5AM Club— Robin Sharma 🟡 Mindset— Carol S. Dweck 🟢 The Subtle Art of Not Giving a F\ck— Mark Manson 🔵 The 7 Habits of Highly Effective People— Stephen Covey 🟣 Deep Work— Cal Newport ⚫ The Psychology of Money— Morgan Housel 🔴 The Personal MBA— Josh Kaufman 🟠 Surrounded by Idiots— Thomas Erikson 🟡 Surrounded by Liars— Thomas Erikson 🟢 The Mountain Is You— Brianna Wiest 🔵 The Let Them Theory— Mel Robbins 🟣 Shoe Dog— Phil Knight ⚫ Start With Why— Simon Sinek 🔴 Ikigai— Garcia & Miralles 🟠 Zero to One— Peter Thiel 🟡 The Intelligent Investor— Benjamin Graham 🟢 The 21 Irrefutable Laws of Leadership— John Maxwell 🔵 Atomic Habits— James Clear 🟣 The Millionaire Fastlane— MJ DeMarco ⚫The Art of War— Sun Tzu 💡 Every book on this stack has changed someone's life. Which one is yours?👀 🛒 All available NOW at Innov8 Bookshop! 📍 Find us at ALL these locations: 🔴 Harare CBD — Rezende Parkade George Silundika Ave 🔴 Ambassador Hotel — Kwame Nkrumah/Sam Nujoma St 🔴 Avondale Shopping Centre 🔴 Arundel Village, Mount Pleasant 🔴 Kamfinsa Shopping Centre 🔴 Pomona Borrowdale — Authenteak Mall 🔴 Bulawayo — Family of God Church Building 🔥 Read more. Earn more. Become more.👑⚡

Innov8 Bookshop

83,658 次观看 • 1 个月前

🚨Who is the Head of the Snake at Rock Nation? “Pray for Nicki Minaj because something is ESCALATING! Why do you think she has been RANTING RECENTLY.” Snake Nation 🐍 Officially the largest of the nomad groups, the Snake Nation is not a true nation in the eyes of many Americans, nomad and static alike. Nomads are generally a very libertarian and independent people, and the Snake Nation is a loose confederation of those who, though they wanted to preserve their autonomy, wanted a voice in nomad politics. Unofficially, they can be said to speak for the entire independent nomad population, and it is generally true that they faithfully represent the views of non-aligned nomads in North America. The Snake Nation was created in response to the formation of the other six nations. As these larger groups began to influence and affect both nomad and static communities, the smaller nomad groups realized that to advocate their (ofttimes differing) views, they had to solidify as well. The Snake is the most loosely organized of the Seven Nations; their philosophy is clearly shown by their Revolutionary-era-inspired flag. On a field of red is the white likeness of a sectioned snake. When apart these sections are seemingly benign, but joined together, they can strike their enemies. The Snake Nation motto is simple, "Don't Tread On Me:' The Snake Nation's ranks are the most diverse of all the nations, and they have no set base of expertise upon which they base their economy. Unlike the Bloods with their circuses and the Metas with their marine construction, the Snake Nation is an aggregation of families involved in all areas of the nomad economy. In the last two years, the Snakes have invested a great deal of effort towards acquiring larger and more lucrative construction and salvage jobs. There were Snake Nation packs involved in the construction of the TransCon Maglev, Balsam City, and the ConAg projects in Kansas, thereby building for themselves a solid base of experience, as well. It has become a policy among those of the Snake Nation that they must improve their marketability versus the well-rounded crews sent by other nations to these types of projects. The Snakes are not happy about how this competition has shaken out in the past. The nation's current leader is Freddie Douglas. Freddie came from a Mormon family out of the Utah desert. He is not amused by the power games that other groups play, and he would much prefer a world where he did not have to deal with other nations and could instead return to the simple life of an independent nomad. As a leader, Mr. Douglas is relatively inexperienced-he's only been a nomad for about a decade- but he was chosen for this post because of his stability and willingness to work with outsiders. His counsel has been good, and many value his opinion and respect his achievements even if they don't like him personally per CYBERPUNK WIKI #NickiMinaj

SANTINO

60,713 次观看 • 6 个月前