Clone Project

Linear "X-Ray Reveal" Animation

Created by
Chris Abra
Visit Page
Clone Project
Similar Projects
Thank you! I'll remove
this project ASAP.
Oops! Something went wrong while submitting the form.
Desktop
Mobile
b
c
https://linear-xray.webflow.io

0 Comments

Login or register to join the conversation.
Edit your profile
Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
Delete Forever
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
0
0
Reply
2 Replies
No Name
Set
2 years ago
Moderator
Delete Forever
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Cancel
0
0
Load More
Cancel
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:  
AI Description
Description from Webflow:  
Saw a great tweet sharing an "x-ray" reveal style interaction from the Linear.app site and decided to attempt to remake it in Webflow. ✅ Native Interaction ✅ 2 quick lines of custom code (one for the stroked text, one for the CSS mask) Feel free to clone and play around with it! Original tweet - https://twitter.com/hybrid_alex/status/1576917187872317440 Actual site (scroll to bottom) - https://linear.app/integrations
Tags from Webflow: 
interactions, cloneable, linear, webflowrebuilds, rebuild
Animation
Animation
Blog
Blog
Form
Form
Login
Login
Memberships
Memberships
Memberstack
Memberstack
Menu
Menu
Portfolio
Portfolio
Pricing
Pricing
Slider
Slider
Template
Template
Webflow Cloneable
Webflow Cloneable
Wizardry
Wizardry
Access groups
Access groups
Accordion
Accordion
Authentication
Authentication
Background Video
Background Video
CMS
CMS
Calculator
Calculator
Church Template
Church Template
Client Dashboard
Client Dashboard
Client-first
Client-first
Coming Soon
Coming Soon
Cookie Consent
Cookie Consent
Countdown Timer
Countdown Timer
Custom Code
Custom Code
Custom Cursor
Custom Cursor
Dark Mode
Dark Mode
Dashboard
Dashboard
Draggable
Draggable
Ecommerce
Ecommerce
FAQ
FAQ
Finsweet
Finsweet
Flowbase
Flowbase
Full Screen Menu
Full Screen Menu
Fullpage JS
Fullpage JS
Gallery
Gallery
Gated Content
Gated Content
Googtrans
Googtrans
Hover
Hover
Instagram
Instagram
Interactions
Interactions
Jetboost
Jetboost
Landing Page
Landing Page
Logic
Logic
Map
Map
Marquee
Marquee
Mega Menu
Mega Menu
Mockup
Mockup
NFT
NFT
Navbar Clone
Navbar Clone
Newsletter
Newsletter
Page transition
Page transition
Parallax
Parallax
Personalization
Personalization
Range Slider
Range Slider
Rebuild
Rebuild
SEO
SEO
SVG Color
SVG Color
Scroll Interaction
Scroll Interaction
Sign up
Sign up
Smooth Scroll
Smooth Scroll
Sticky Sidebar
Sticky Sidebar
Subscriptions
Subscriptions
Text Animation
Text Animation
ThreeJS
ThreeJS
Timeline
Timeline
Toggle Switch
Toggle Switch
Tutorial
Tutorial
Ui Kit
Ui Kit
Waitlist
Waitlist
Webflow Memberships
Webflow Memberships
Powered by:
Created without code by:
z Gustavo Dias
z Duncan Hamra
Links on this website are affiliate links of which How the Data Work LLC receives a small commission from sales of certain items. The price is the same for you.
.