Categories
Website Design

Creative Nav Menu with Gradient Border animation effect – Latest Nav menu [Video]

Enroll this complete course – https://www.udemy.com/course/responsive-frontend-web-development-in-html-css-javascript/?couponCode=NEW-COURSE——————–Join this channel to get Source code everyday :https://www.youtube.com/channel/UC8xTHK97Ng__KZvGcO_K7CA/join———————- 9+ Complete Front-end Responsive Website DesignGet here – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=LEARN-LATEST-TRENDS————————-Like our page – https://www.facebook.com/indiandesignrJoin our group – https://www.facebook.com/groups/328971707545530————-

Categories
Website Design

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

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 block2. 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-borderExplore 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/2r7cVUWJoin the Webflow Community: https://webflow.com/communityhttps://webflow.comhttps://twitter.com/webflowhttps://facebook.com/webflow

Categories
Website Design

Pure CSS Scroller with Gradient Track in Real world Website – Truly Responsive HTML CSS [Video]

Source code download here – https://www.udemy.com/course/build-responsive-real-world-websites-in-html5-css-3-js/?couponCode=U-R_GREAT———-42 Hours of web design bundle courseEnroll here – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=LEARN-TO-LIVE—-Like our page – https://www.facebook.com/indiandesignrJoin our group – https://www.facebook.com/groups/328971707545530

Categories
MondoPlayer

Free Call with Video Marketing Expert

Now is the time to be thinking about your business’s future. Take this opportunity to build a following, get people into your sales funnel and nurture the relationships so they’ll buy from you when they’re ready. If you’d like to see how an Automated Video Curation strategy can work for you, book a free call […]