Скачать с ютуб Focus Blurry Text on a Hover in Squarespace // Squarespace CSS Tutorial в хорошем качестве

Focus Blurry Text on a Hover in Squarespace // Squarespace CSS Tutorial

Just getting started with Squarespace CSS? Awesome! 😍 I want to teach you the basics - grab my free Getting Started Guide here 👉 https://insidethesquare.co/learn --- 🥳 Ready to launch ? Use the code PARTNER10 for 10% off (affiliate code): https://insidethesquare.co/partner10 --- 💕 Love this free Square space tutorial? You can donate via Paypal to help support my YouTube Channel https://www.paypal.com/paypalme/insid... --- This tutorial was recorded in my 7.1 demo site but also works for older versions of Squarespace. --- This tutorial will show you how to use text-shadow effects to create blurry text that will focus on a hover. I saw this on a quiz site where the answer was shown only when you hovered over it; it was cool enough that I wanted to figure out how to do it, and thought you might too! A few important things to note before you copy and paste this into your own site: This will work in any version of Squarespace, 7, 7.1, and even older sites built on Squarespace 5. There is more than one way to do this! This is just one approach of many because code is super customizable. Get creative with the font itself using some CSS! Change the color, make it bold, edit the font style... I want to encourage you to get creative here :) Make sure you use the right “code name” for your text type. In this tutorial, I use Heading 2 text (h2) text, active links (a) and paragraph text (p). Alrighty, that’s it for the good-to-know info! Steps and codes from the demo are below. If you need any help along the way, visit insidethesquare.co/code-help --- h2 { color: transparent!important; text-shadow: 0 0 10px rgba(0,0,0,0.5); transition:1s; } h2:hover { color: #000!important; text-shadow: none; transition:1s; } --- 🤩 Ready for more codes? The codes in this tutorial are just the beginning of all the cool things you can do with Custom CSS! When you're ready to dive in and start customizing, you can use codes from my CSS Cheat Sheet. It has over 30 pages of code snippets and pro tips to help you get started. Download your copy 👉 https://InsideTheSquare.co/css --- 🥳 Ready to launch ? Use the code PARTNER10 for 10% off (affiliate code): https://insidethesquare.co/partner10 --- 🙋 Need some help? Visit ​https://insidethesquare.co/code-help​ to see my current support options. --- The term "Squarespace" is a trademark of Squarespace, Inc. This content is not affiliated with Squarespace, Inc. I just really love their platform ♥ --- #squarespace #squarespacecss #howto #customizesquarespace #css #squarespacetricks #squarespacehacks #squarespacetips