Categories
Website Design

Custom gradient border (inspired by Apple) — Micro lesson #23 [Video]

Custom gradient border (inspired by Apple) — Micro lesson #23

While browsing Apple.com‘s site, you might be like Grímur and want to style elements in your site using beautiful, rainbow gradients. Combining the power of gradients and padding, you can style your elements’ borders to have fully customizable gradient borders in the Webflow Designer.

In this lesson, we’re going to duplicate Apple’s button and the structure for this is as follows: a Text block with padding on all four sides inside a Link block.

To create the linear gradient border, you’ll need to do three things:
1. Add a linear gradient to the Link block
2. Set the Text block’s background color to white (the same as your site’s background color)
3. Add padding to the Link block on all four sides (hold down Shift to do this at once!)

And as a bonus step, with the Link block selected, you can adjust your typography settings to remove the default blue color and the underline to give it a more modern look.

Clone the button here: https://webflow.com/website/apple-gradient-border

Explore more about background and spacing in our 101 Crash Course on Webflow University: https://university.webflow.com/courses/webflow-101-crash-course

———-
Get started with Webflow: https://wfl.io/2r7cVUW
Join the Webflow Community: https://webflow.com/community

https://webflow.com
https://twitter.com/webflow
https://facebook.com/webflow

Watch/Read More
Categories
Website Design

How to build a video playlist using Webflow

Join host Nelson Abalos Jr for a Build with me (BWM) session. We’ll learn how to create a video playlist page just like the Webflow University course page ( https://university.webflow.com/courses/21-day-portfolio-course?video=eh4dWMtULrg ) Finsweet CMS Tabs: https://finsweet.com/attributes/cms-tabs jquery.scrollTo: https://github.com/flesler/jquery.scrollTo Clone this project: Link TBA ---------- Chapters ... ---------- Get started with Webflow: https://wfl.io/2r7cVUW Join the Webflow Community: https://webflow.com/community https://webflow.com https://twitter.com/webflow https://facebook.com/webflow

Categories
Website Design

TOP 5 Best Fleet Maintenance Software That Boost Business [Video]

TOP 5 Best Fleet Maintenance Software That Boost Business 00:01 Intro 01:20 What is fleet maintenance software 03:00 What are the main features of fleet maintenance software 06:51 How can fleet maintenance software help a transportation business 07:32 Can fleet maintenance software be customized to meet the needs of a specific business 09:26 TOP 5 best fleet maintenance software 12:41 Outro Fleet maintenance is the process of regularly inspecting, repairing, and servicing vehicles and equipment in a company's fleet. This can include tasks such as oil changes, tire rotations, brake inspections, and general safety checks. The goal of fleet maintenance is to keep vehicles and equipment in good working condition, minimize downtime, and extend the lifespan of the fleet. A fleet maintenance program can help a business save money in the long run by preventing costly repairs and prolonging the life of their vehicles. CONTACTS: 🔥 E-mail: d.ubsteplers⭐️gmail.com 🔥 Telegram: al_na14p