This is a lightweight method for creating a gradient blur in
@Figma
.
It keeps the visual quality using only 4 blur masks, so your canvas won't slow down or lag.
Daily Inspiration - Pixel
Thanks for the suggestion from
@ozanoz
.
Starting today, I will add a tag to make it easier to search.
#daily_inspiration_by_joshua
Can you do this in
@Framer
?
Last year when I first started learning JS I tried to create complex charts. I was unsuccessful at that time.
After a year of learning, I was finally able to effortlessly implement this today 👇
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
When you're doing visual experiments in
@Figma
, you can use a 3-digit HEX for fast color input.
Each digit ranges from 0 to F (0-15) and stands for the RGB values. If you need transparency, just add a 4th digit, which represents the alpha channel 👇
Shape your stories with real data!
Introducing Framer Charts – A groundbreaking data visualization component tailored for
@Framer
❖ Database API Integration
❖ Multiple Chart Types
❖ Highly Customizable
❖ Fully Responsive
More details here 👇
Introducing 3D Hover, a stunning
@framer
component that adds a 3D hover effect to your layers or components.
Customize rotation, scaling, and spring animation through the Framer Interface.
Use code BLACK5 at checkout for 50% off:
I will integrate these three interactions into my new template for
@framer
. These animations are not random but rather tailored to match the content of the template.
Developed a
@Figma
plugin, that allows you to quickly proofread the spelling and content of all the text across your entire project.
It can also be used with new AI features.
Say goodbye to the wrong text content 👋
Built something interesting and planning to turn it into a
@Figma
plugin.
Like overlaying a cool-looking 3D model onto your layers.
Do you like this idea?
The design does not require a degree or even talent.
What you need is a lot of practice.
Be bold and keep trying, growing through lots of trial and error.
The final effect is achieved by stacking three shadows, with the smallest shadow at the bottom and the increasing size as it goes to the top.
You can adjust the number of shadows as you like - the more shadows, the smoother the glow effect.
Adding the gradient color has made a big difference to Framer Charts.
It is currently undergoing final testing and improvement development process.
w /
@ChartsSupply
@Framer