Buildbrand
Buildbrand
  • 50
  • 194 226
Episode 04 - Adding Smooth Hover State Animation To Navigation Links ✨
Learn how to enhance your website's navigation with smooth and stylish animations! 🎨✨ In this tutorial, I'll show you step-by-step how to use the ::after pseudo-element to add an underline effect to your navigation links. Watch as we bring these links to life with an eased animation that expands the underline from zero to full width when you hover over them. 🚀
💻What You'll Learn in This Video:
✅The basics of ::after pseudo-elements
✅Styling navigation links for a modern look
✅Adding hover state animations using CSS
✅Creating an engaging user experience with ease-in-out effects
✨Why Add Hover Animations?
Hover animations not only improve your website's aesthetics but also create a more interactive and enjoyable experience for your visitors. This simple trick is perfect for designers of all levels, from beginners to pros!
👉 Don’t forget to subscribe for more episodes in this series, where we’ll cover everything from design to deployment.
📌 Playlist Link: ua-cam.com/play/PLtHYDFCN2juDgVJ04qq8dMGGwQwbYEmqh.html
💬 Got questions or feedback? Drop them in the comments below!
🔔 Stay tuned for Episode 05, where we will start coding the slider banner.
📢 Let’s connect:
buildbrand.site
buildbrandsite
buildbrandsite
buildbrandsite
www.linkedin.com/in/buildbrandsite
Don’t forget to like 👍 and share this video if you’re excited to start this journey! 💻✨
#CSSAnimation #HoverEffects #WebDesignTips #PseudoElements
Переглядів: 42

Відео

Episode 03 - Coding Top Navigation of the Website
Переглядів 67Місяць тому
In this video, I dive into coding top navigation bar for the website! 💻✨ Learn how to: ✅ Structure the navigation using HTML ✅ Style it beautifully with CSS ✅ We will be adding he hover state animation to menu links in the next video in this series. Whether you're building a personal portfolio, a blog, or a business website, mastering the top navigation is essential. Follow along and take your ...
Episode 02 - Setting up the Development Environment
Переглядів 163Місяць тому
Welcome to Episode 02 of our "Building a Modern Responsive Website" playlist series! 🎉 In this episode, we’re diving into the essentials of setting up the perfect development environment for web design and development. 🚀 Whether you're a beginner or looking to refine your workflow, this tutorial will guide you step-by-step through: ✅ Installing essential tools (code editor) ✅ Configuring a loca...
Episode 01 - Building a Modern Responsive Website - Intro Video🚀
Переглядів 148Місяць тому
Welcome to the first video of our exciting new series, where we take you step by step through the process of designing and developing a modern, responsive website from scratch! 🚀 In this introductory episode, I will be showing you the features that we will be building together in our visually stunning and fully functional website. Whether you're a beginner or looking to refine your skills, this...
Transform Your Brand with a Stunning Logo Design 🎯 Logo Design Service by Buildbrand.site 🖌️
Переглядів 1085 місяців тому
🎯 Logo Design Service by Buildbrand.site 🖌️ Looking for a logo that truly represents your brand? You're in the right place! Welcome to Buildbrand.site, your go-to destination for professional logo design service. Why Choose Buildbrand? 🌟 Unique Designs: We create custom logos tailored to your brand’s identity and vision. 🎯 Experience: Over 10 years of experience in crafting memorable and impact...
Extract Text from an Image - Text Actions in Snipping Tool🚀
Переглядів 2709 місяців тому
In this comprehensive guide, we delve into the lesser-known yet powerful text actions feature of the Snipping Tool. Are you tired of capturing screenshots only to manually transcribe text from them? Look no further! Discover how to efficiently extract and manipulate text directly from your screenshots using Snipping Tool's text actions. 📝💡 From copying and editing text to extracting it with OCR...
Boost Your Productivity with Quick Parts - The Ultimate Outlook Tool
Переглядів 13710 місяців тому
🔓 Unlock unparalleled productivity with Quick Parts, the ultimate Outlook tool! 🛠️ Discover how to streamline your workflow, save time ⏱️, and enhance your efficiency with this powerful Outlook feature. Quick Parts empowers you to work smarter, not harder. 💡 Join me in this video to master the art of productivity and revolutionize the way you tackle your daily emails in Outlook. 📧 🔍 Generally, ...
Power Raised to Power In MS Word
Переглядів 284Рік тому
In this video, we are going to learn how to write a mathematical equation in MS Word where an exponent is again raised to the power an another exponent. Hey guys, welcome to Buildbrand and I hope you are having a great day. This video aims to answer a question that was asked by @md.gulammustafa7563 in the comment section of my other video. @md.gulammustafa7563 asked “3 POWER 7 AND 7 POWER 3-5 T...
🖋️ How to Sign & Certify a PDF Document | Step-by-Step Guide
Переглядів 199Рік тому
👋 Welcome to our comprehensive guide on how to sign and certify a PDF document effortlessly! Whether you're a business professional, student, or simply someone who needs to securely validate your digital files, this tutorial has got you covered. In this tutorial, we'll walk you through the entire process of signing & certifying a PDF Document . You'll learn how to ensure the integrity and authe...
Boosting Product Appeal with Realistic Shadows in Photoshop
Переглядів 63Рік тому
Welcome to my channel! In this video, I am diving into the world of product photography and exploring the power of realistic shadows in Photoshop to enhance the appeal of your products. In this video, I also mentioned about creating selections using Pen Tool in Photoshop. If you do not know how to do that. You might want to watch the in-depth video on that at the link down below: ua-cam.com/vid...
Copied a text but unable to paste - Clipboard History Win+V can help.
Переглядів 449Рік тому
Copied a text but unable to paste - Clipboard History Win V can help.
How to type Powers or Exponents (with keyboard Shortcut) in MS Word
Переглядів 14 тис.Рік тому
How to type Powers or Exponents (with keyboard Shortcut) in MS Word
Your Time will come
Переглядів 110Рік тому
Your Time will come
Asus ProArt Studiobook 16 OLED - A 💪beast of a machine.
Переглядів 257Рік тому
Asus ProArt Studiobook 16 OLED - A 💪beast of a machine.
How to Choose a Name for your Business
Переглядів 802 роки тому
How to Choose a Name for your Business
Photo Cropping & Signature Resizing - 2 FREE online tools
Переглядів 3542 роки тому
Photo Cropping & Signature Resizing - 2 FREE online tools
Organizing Digital Files, Folders & Assets for Productivity
Переглядів 5163 роки тому
Organizing Digital Files, Folders & Assets for Productivity
How to create a billboard mockup in Photoshop
Переглядів 3 тис.3 роки тому
How to create a billboard mockup in Photoshop
Glimpses Of Dubai City from our 2018 Business Trip
Переглядів 363 роки тому
Glimpses Of Dubai City from our 2018 Business Trip
Happy Diwali
Переглядів 213 роки тому
Happy Diwali
Interactive Invitation and Restaurant Menu Design Service
Переглядів 883 роки тому
Interactive Invitation and Restaurant Menu Design Service
Learning Guitar
Переглядів 733 роки тому
Learning Guitar
Adding Signature to Multiple Pages of a PDF document in just one go.
Переглядів 106 тис.3 роки тому
Adding Signature to Multiple Pages of a PDF document in just one go.
An Affordable Pair of Adidas Shoes
Переглядів 3193 роки тому
An Affordable Pair of Adidas Shoes
Engineering 1500 SqFt 4 BHK Floor Plan in Adobe Illustrator Episode - 06 - Adding Staircase
Переглядів 683 роки тому
Engineering 1500 SqFt 4 BHK Floor Plan in Adobe Illustrator Episode - 06 - Adding Staircase
Engineering 1500 SqFt 4-BHK Floor Plan in Adobe Illustrator - Episod-05 - Adding Windows
Переглядів 393 роки тому
Engineering 1500 SqFt 4-BHK Floor Plan in Adobe Illustrator - Episod-05 - Adding Windows
Engineering1500 SqFt 4-BHK Floor Plan in Adobe Illustrator - Episode 04 - Finishing Interior Walls
Переглядів 583 роки тому
Engineering1500 SqFt 4-BHK Floor Plan in Adobe Illustrator - Episode 04 - Finishing Interior Walls
Engineering 1500 SqFt 4 BHK Floor Plan in Adobe Illustrator - Episod 03 - Drawing Interior Walls
Переглядів 1243 роки тому
Engineering 1500 SqFt 4 BHK Floor Plan in Adobe Illustrator - Episod 03 - Drawing Interior Walls
Engineering 1500 SqFt 4 BHK Floor Plan in Adobe Illustrator - Episode - 02 - Basic Setup
Переглядів 983 роки тому
Engineering 1500 SqFt 4 BHK Floor Plan in Adobe Illustrator - Episode - 02 - Basic Setup
Engineering 1500 SqFt 4-BHK Floor Plan in Adobe Illustrator - Episode 01 - Introduction
Переглядів 863 роки тому
Engineering 1500 SqFt 4-BHK Floor Plan in Adobe Illustrator - Episode 01 - Introduction

КОМЕНТАРІ

  • @MrSreeranj
    @MrSreeranj 26 днів тому

    Thanks bro. You have saved problems of millions.God Bless❤

    • @buildbrandsite
      @buildbrandsite 26 днів тому

      Thank you, @MrSreeranj, for letting me know that this video is still helping people even three years after it was uploaded! 😊 One of my goals for this channel has always been to create timeless content that stays relevant and helpful over time. Your feedback means so much and inspires me to continue sharing valuable content here. If you haven’t already, please consider subscribing! I have some exciting and useful content planned for the coming days, and I’d love for you to be part of the journey. 🙌

  • @viniciusaguiar8979
    @viniciusaguiar8979 Місяць тому

    its a shame adobe acrobat doenst have this option not even in the paid version

    • @buildbrandsite
      @buildbrandsite Місяць тому

      @@viniciusaguiar8979 Yes, thats true... 😄

  • @gideonjager5497
    @gideonjager5497 2 місяці тому

    How do you know it's 1500 square feet?

  • @RoseDadon-r3j
    @RoseDadon-r3j 2 місяці тому

    this does not work.. right clicking on signature on foxit does not show multiple pages. your video sound is appalling btw and with music over the top is very hard to understand

    • @buildbrandsite
      @buildbrandsite 2 місяці тому

      It is the very first option when you right click on signature after placing it from fill and sign option. It says "place on multiple pages" I hope you are not getting confused between Foxit esign and Fill and Sign option. You have to choose Fill and Sign option to select and place your signature. Let me know if that helps.

  • @ImranAnsari-yo2pn
    @ImranAnsari-yo2pn 2 місяці тому

    Music band kar ma........ od

  • @AngellBattle-k6s
    @AngellBattle-k6s 4 місяці тому

    Thank you for making this video! I was writing a grant proposal and I couldn't figure it out!

  • @razvandespa5017
    @razvandespa5017 5 місяців тому

    Hi, but how about the E-sign. for multiple .pdf files, not pages?

  • @Livingitupinmountains
    @Livingitupinmountains 5 місяців тому

    Nice😊

  • @mabura
    @mabura 6 місяців тому

    NOT HELPFUL AT ALL

  • @blackfox2938
    @blackfox2938 6 місяців тому

    ❤❤

    • @buildbrandsite
      @buildbrandsite 6 місяців тому

      @blackfox2938 thanks please do consider subscribing to my channel.

  • @VijayKumar-jx7re
    @VijayKumar-jx7re 8 місяців тому

    Thank you so much bro very good ♥

    • @buildbrandsite
      @buildbrandsite 7 місяців тому

      Thanks, Vijay, Please do consider subscribing to my channel

  • @bxngfxv
    @bxngfxv 10 місяців тому

    super helpful

  • @jennifer_jhen14
    @jennifer_jhen14 10 місяців тому

    Thank you very much for this, its super helpful! :)

    • @buildbrandsite
      @buildbrandsite 10 місяців тому

      Glad it was helpful! Please do consider subscribing to my channel.

  • @md.gulammustafa7563
    @md.gulammustafa7563 Рік тому

    3 POWER 7 AND 7 POWER 3-5 THEN HOW TO DO IT

    • @buildbrandsite
      @buildbrandsite Рік тому

      I just created another how to video to help you out with this. Check it out at the link below: ua-cam.com/video/HTDY6Njs7Xc/v-deo.html

    • @md.gulammustafa7563
      @md.gulammustafa7563 Рік тому

      @@buildbrandsite আপনাকে ধন্যবাদ কাজ করা যাচ্ছে

    • @buildbrandsite
      @buildbrandsite Рік тому

      @@md.gulammustafa7563 I am glad it helped :)

  • @prashantpandey5059
    @prashantpandey5059 Рік тому

    Your support is fabulous

    • @buildbrandsite
      @buildbrandsite 10 місяців тому

      Thanks you so much. I appreciate your comment. Please do consider subscribing to my channel.

  • @playlistajsy4486
    @playlistajsy4486 Рік тому

    One more help please, is this possible to edit pdf after digital signature. (Acrobate pdf professional editor 9.0) this application not allow to re edit the document once signature completee

    • @buildbrandsite
      @buildbrandsite 10 місяців тому

      Unfortunately once the signature has been applied and file is saved, you cannot reedit it again. Hence it is always helpful to save the signed file with a different name, so that you have an original copy just in case.

  • @playlistajsy4486
    @playlistajsy4486 Рік тому

    Hi bro. I've same issue, I need to digital signature twice or thrice in multiple pages of same pdf. But internet access is limited in office, can't download this application. Or any other alternative options to do multiple digital signature in single pdf document in application (Acrobate professional PDF editor 9.0) Pl. Help

  • @prakashpasumarthy1983
    @prakashpasumarthy1983 Рік тому

    Thanks Sunil

    • @buildbrandsite
      @buildbrandsite 10 місяців тому

      You are welcome :) Please do consider subscribing to my channel.

  • @didikachmadi4758
    @didikachmadi4758 Рік тому

    masya Allah. This is so useful. Thank you for sharing this. God bless you.

    • @buildbrandsite
      @buildbrandsite Рік тому

      Thank you, please do consider subscribing to my channel.

  • @feelgood5702
    @feelgood5702 Рік тому

    Thank you so much brother❤

    • @buildbrandsite
      @buildbrandsite 10 місяців тому

      No probs. Please do consider subscribing to my channel.

  • @mainakdaw7979
    @mainakdaw7979 Рік тому

    Sunil ji, its a very useful video for us, Although I have a question, can I upload DSC on it ?

    • @buildbrandsite
      @buildbrandsite 10 місяців тому

      Thanks for your comment. I have a separate video on your question at link below: ua-cam.com/video/eAR53bj1bew/v-deo.html Please do consider subscribing to my channel.

  • @sanjuchauhan4508
    @sanjuchauhan4508 Рік тому

    ❤❤❤

  • @ahm4918
    @ahm4918 Рік тому

    very useful? thanks!

    • @buildbrandsite
      @buildbrandsite 10 місяців тому

      Appreciate your comment. Please do consider subscribing to my channel.

  • @pankajkumari1320
    @pankajkumari1320 Рік тому

    Video is useful can u advise how to sign multiple pdf documents in one go in docusign

  • @satyamkrishna4
    @satyamkrishna4 Рік тому

    I add a text with a background on a page , I want same thing in every pages beacuse one by one it takes lot of time . I am using small pdf application

  • @taru66
    @taru66 Рік тому

    How to do in acrobat?

    • @buildbrandsite
      @buildbrandsite 10 місяців тому

      ua-cam.com/video/eAR53bj1bew/v-deo.html Please do consider subscribing to my channel.

  • @godofice9188
    @godofice9188 Рік тому

    Sign 100 pages and every page have unique person sign can we do in bulk

    • @buildbrandsite
      @buildbrandsite 10 місяців тому

      for unique sign you will need to go one by one.

  • @soothingsoul07
    @soothingsoul07 Рік тому

    hello is their any way to sign with DSC on multiple pages ? Please let us know

    • @buildbrandsite
      @buildbrandsite 10 місяців тому

      ua-cam.com/video/eAR53bj1bew/v-deo.html Please do consider subscribing to my channel.

  • @yourmotivation6229
    @yourmotivation6229 Рік тому

    In hindi bolo

  • @Greco1114
    @Greco1114 Рік тому

    There is no "Fill and Sign" tab in my Foxit.

  • @hemvarsha
    @hemvarsha Рік тому

    Ha ha -- you are an Interesting gentleman --an all rounder , have gone through your Video uploads, it covers most complex challenging job --"Organising files and folders" to Guitar to MANicure - Men's Grooming

  • @solzernchinu
    @solzernchinu Рік тому

    ❤️❤️ mama

  • @Livingitupinmountains
    @Livingitupinmountains Рік тому

    🤗👏👏👏

  • @somenathsonaisaha
    @somenathsonaisaha Рік тому

    How is your furniture right now? And is this a particle board material?

  • @Livingitupinmountains
    @Livingitupinmountains Рік тому

    Wow that's amazing review of amazing machine. You covers good details

  • @engineeringgraphicsinautoc3436

    Thanks And it's free for trail

  • @RAKESHKUMAR-xd6jt
    @RAKESHKUMAR-xd6jt Рік тому

    Can you tell me how is the condition of the bed now ?

  • @nageshsdevadig
    @nageshsdevadig 2 роки тому

    Sunil , what is the height of bed without mattress..? Reply soon..

  • @richardroldan1670
    @richardroldan1670 2 роки тому

    Thanks a Lot!!! Very helpful!

    • @buildbrandsite
      @buildbrandsite 7 місяців тому

      Thanks, Richard, Please do consider subscribing to my channel

  • @gawaiyastan7734
    @gawaiyastan7734 2 роки тому

    It's 1899 now how can it be

  • @SarwarQuinat
    @SarwarQuinat 2 роки тому

    Thanks sir from Bangladesh

  • @theimperial8175
    @theimperial8175 2 роки тому

    Dear, I have downloaded the FOXIT reader & tried as you suggested but since it is trial version so I discarded the same. I would request to kindly suggest how to put signature on multiple pages using Adobe since I have to sign multiple pages of tender documents which are 300+ nos,

  • @theimperial8175
    @theimperial8175 2 роки тому

    quite good & helpful

  • @syedirshaan3005
    @syedirshaan3005 2 роки тому

    Thank you so much sir

  • @yashpai
    @yashpai 2 роки тому

    thanks it works

  • @pranjalpatil4926
    @pranjalpatil4926 2 роки тому

    I want to sign all pages using My DSC key. Is it possible?

  • @soubhagya190
    @soubhagya190 2 роки тому

    Total price

  • @payelmondal8917
    @payelmondal8917 2 роки тому

    Want sheesha wood 4 seater dining table, please guide which one is real sheesha wood dining table. Please provide me link

  • @naxxcii
    @naxxcii 2 роки тому

    Thank you Sunil but you always need to specify which version of Foxit ur using and whether you need full access or the trial version can also do it ..

    • @Renesmee15Jake25
      @Renesmee15Jake25 2 роки тому

      @@buildbrandsite Sir can we install this trial version of foxit without any fees on our laptop?

  • @wordtoheart
    @wordtoheart 2 роки тому

    Thank you so much sir please can you suggest this type of software for mobile I have really needed