Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

custom action bar glows based on procs (Empyrean Legacy glows WoG, Infusion glows Judgment, DP glows holy power). can use this as a rotation helper or way to mitigate having to track certain buffs. ggs weakauras died for nothing lmao

82,163 Aufrufe • vor 6 Monaten •via X (Twitter)

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

CSS Tip! 🤙 You can use mask-composite and some JavaScript to create this pointer proximity following glow border ✨ .glow { mask-composite: intersect; mask-clip: padding-box, border-box; mask: linear-gradient(#0000, #0000), conic-gradient(#0000 0deg, #​fff, #0000 45deg); } The trick is to mask a background-image with a combination of mask layers. mask-composite: intersect; means the mask used will be the intersection of the layers 🔥 use source-in, xor; in browsers that don't support intersect; In this demo, you can use pseudoelements and rely on scoped custom properties to do a lot of the heavy lifting for you 🙌 Once you've masked the background, you need to update the starting angle of the conic-gradient on pointermove 👆 You can work that out by getting the center point of each card and then calculating the angle between that and the pointer with Math.atan2 🤓 let ANGLE = Math.atan2( event?.y - CARD_CENTER[1], event?.x - CARD_CENTER[0] ) * 180 / Math.PI ANGLE = ANGLE < 0 ? ANGLE + 360 : ANGLE; CARD.​style.setProperty('--start', ANGLE + 90) You plug that into your conic-gradient mask as a custom property accounting for --spread ⚡️ conic-gradient(from calc((var(--angle) - (var(--spread) * 0.5)) * 1deg), #000 0deg, #​fff, #0000 calc(var(--spread) * 1deg)); To get the blur, you apply a blur to the glow container on each card 🤙 .glows { filter: blur(calc(var(--blur) * 1px); } That's it! Layers of masks that are clipped and composited before being blurred 😎 The added trick is to fade each one in when the pointer is in the defined proximity of the card. For example, don't show unless within 100px of a card. You can see that in the video. Check out the JavaScript code for that 🫶 Couldn't resist making this one 😁 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

1,180,047 Aufrufe • vor 2 Jahren

We got new Crimson Desert gameplay, showing off the combat, progression system and more of the world, and this game continues to look insane. Here are the highlights: - Multiple different weapon types including: Sword and shield, Spears, Greatswords, Axes, Dual-wield swords and ranged weapons such as guns - Use mounts during combat such as bears, mechs and dragons - Melee combat allows you to utilize actual martial arts and massive combos - Three playable characters, Cliff seems to mostly use melee weapons, a female is focused on magic and ranged weapons such as a rifle, and a male orc who serves a barbarian role. It does seem like you can mix and match abilities between them - You can grab, throw and kick enemies to create chains of attacks. Slide is another ability that can be chained with double jumps and kicks - Swap weapons mid combat and you can enhance weapnos with elements such as spark damage - A grapple hook can be used to scale up walls and swing into attacks - Progression is based on acquiring artifacts, which are found by defeating bosses and at the end of dungeons as well as hidden across the world - Some skills are earned by observing others use them out in the world - You can use a sort of helicopter blades umbrella to fly around the world - Buy, find or craft gear to use in combat. Gear is upgradeable as well - Crafting/Upgrading is highly detailed, for example you can go and mine for certain materials in caves, you will also need to hunt animals or defeat bosses for certain materials as well - Crafting materials can be obtained through quests and in hidden locations as well - Add special effects to weapons and armors at certain vendors such as Wizards - There are flying bosses that you will have to fight in the skies such as flying metallic birds that you can land on Crimson Desert is launching on March 19th on Xbox Series X/S, PS5, PC and Mac. Every time we see more of this game, it feels like a true GOTY contender that will be an absolute amazing massive experience. I truly hope it lives up to the hype!

Synth Potato🥔

224,722 Aufrufe • vor 5 Monaten

A closer look on the GSAP powered animations in Webflow. Just from my perspective. In short, it’s way more powerful than I first thought. The more I use it, the more I like it. Of course, there are some parts missing. But it's the first version. There's still a lot to come. For example, custom ease would already make a huge difference. Breakpoints. Maybe a way to add custom functions as sometimes you need to calculate stuff in JavaScript to get complex animations. The biggest part for me is that you can just build the animation inside a timeline. This makes it so much easier than writing it as code. You can fine tune it so much more. When there would be a way to export the tween as code to add some more functionality would be awesome. You can also add custom classes with the timeline, which can then be used in custom CSS to add more functionality. With a bit of custom code you can also use breakpoints for your animations. By using the custom event the animation can be used in custom code which can also be pretty powerful. Didn’t test it so much yet, but would be cool if you could just take the event and use for example the onComplete() from GSAP or other stuff. For example. let mm = gsap.matchMedia(); const module = Webflow.require("ix3"); module.ready().then(() => { mm.add( { isMobile: "(max-width: 992px)", }, (context) => { let { isMobile } = context.conditions; if (isMobile) { module.emit("Mobile Animation"); } } ); }); "Mobile Animation" is the name of your custom event. I hope that part will get more powerful. Something I miss on the timeline is that when you select more actions you can just drag all actions. It would be cool if you could move it frame by frame with the arrow keys, like in Jitter for example. Or just write a specific point like when you have one selected. For now I would further write the code myself, but I’m excited to see where it’s going. Maybe there will be a time where you could animate most parts inside Webflow 🙂 Can’t wait for the next GSAP update!

Eduard Bodak

12,590 Aufrufe • vor 11 Monaten