Designer
CMS
Ecommerce
Interactions
Memberships
Editor
Logic
SEO
Hosting
Security
Overview
Libraries
Apps
Hire a Certified Partner
Templates
Made in Webflow
Learn
Community
Ebooks
Forum
Blog
Support
LoginContact Sales
Get started — it's free
Made in Webflow

Custom gradient border (inspired by Apple)

Webflow University's avatar
Webflow University
Clone in Webflow129
site profile thumbnail
Open in Webflow
Open live site
In this lesson, we're going to duplicate Apple's button and create a gradient border from scratch. Check out the full lesson here: https://university.webflow.com/lesson/gradient-border
Open in Webflow
Open live site
webflowuniversity
gradient
apple
custombutton
backgrounds
gradient-button

More sites by Webflow University

See profile
3DVC - Quick Stack Template
628
1.9k
Cloneable, custom horizontal scroll interaction
285
3.7k
Full Localization Site | Webflow University
227
2k

Similar sites

author avatar
education-custom-accordion
15
Webflow University
author avatar
ebook-design-tutorial-2016
14
54
Webflow University
author avatar
Sidemen
3
Brad Wallington
author avatar
FLŌĒ FOOD | Recipe App Landing Page
217
824
Webflow University
author avatar
rainbow gradient border test
0
Cullan Bonilla
author avatar
Mounteam | Mountainbiking & Team Events
20
Saddle
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social