Enhance the visual appeal of your website by implementing a custom selection pseudo-element with CSS. The ::selection pseudo-element allows you to apply unique styles and effects to selected text, adding an extra touch of personalization and interactivity to your web pages.

With this CSS tip, you can go beyond the default browser selection highlighting and create a custom selection experience that aligns perfectly with your website's design and branding. By leveraging the power of CSS, you can transform the way selected text appears, making it stand out and leaving a lasting impression on your visitors.

Custom Selection Psuedo Element Color 

Follow for more: twitter.com/obkececi

Webflow Tip: To add custom CSS pseudo-elements, like ::marker, head to your project settings. In the 'Custom Code' tab, add your CSS in the <style> tag inside the 'Head Code' section. E.g., li::marker {content: "⚡"; color: blue; font-size: 1.5em;}. Publish to see changes! 

Custom List Item Marker Psuedo Element

See tutorial:
https://twitter.com/obkececi/status/1656050359201087494

"Button With Growing Borders" is a dynamic, interactive element that offers a visually engaging user experience. To create this feature, you'll need to leverage the power of CSS. First, establish an infinite spin loop using keyframes to perpetually animate your button. Then, design your radial gradient to your liking, applying it as the background for your button's growing borders. This combination creates a button with a pulsating effect that draws attention, making it perfect for call-to-action or high-priority user interaction prompts on your website or app.

Button With Growing Borders

Follow for more! https://twitter.com/obkececi

An innovative and visually appealing MacOS Dock alternative designed with Webflow and Tippy JS to revolutionize your desktop experience. Dock offers a seamless and intuitive interface that complements the aesthetics of MacOS while enhancing its functionality. This cloneable Webflow site is now available in the Webflow marketplace, making it easy for you to customize and integrate it into your projects.

MacOS Dock

Explore the differences between JSON and .dotLottie file formats for Lottie animations in this interactive Webflow showcase. Dive into a side-by-side comparison, learn about the advantages and limitations of each format, and discover which one is best suited for your next project. Featuring examples, performance insights, and an easy-to-understand breakdown, this showcase is a must-visit for web designers looking to level up their animation game. #Webflow #LottieAnimations #JSON #dotLottie

Lottie File Formats Compared: JSON vs .dotLottie

Growth Web

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

+j+2BnaQSkzkNe0dpNHl103pbsRtVlBy3Ivqpwb7bho=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

0ACb5hSoxo1svvHlhJqD4sUSDGJ97B1kBGWGGxycXu4=

6s1k2w6SLnWj64d28WQrv9HQMxjAQ6/qFXIbthFaqKc=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

BEaEBzmJ+dCz7bi9Xenx+kQRiui5/usgymUiFzHdUSk=

EA6pIl34ynZu2fCXtDsf5N+8HjgmFW1iWFEJidJmjwE=

JCIMc2jHTforX4kLxzXeocMmrYb+LnAgwZU0w3bCzQY=

JseFDRfctUKg1rAF0E6mL1YOHzQe1gVou75Mw8zcVOY=

LtNTzuGC6a/O4opneIzFRwuxaT7A0jTPzl4xxFVOaJU=

OKA/wpW5U0/bGFF7Bsd9Jpz9vIcGmsLeCg4ac42B+uM=

P7vOA+qkoiRS/9UWXIUHxm+CI0lSj7WY2ZBiK9KyND4=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

Qdld2j63j/MIDqhyo7Y3RiOeFhBqJglREH2O+FwXR9I=

Sf9qPmyeAJlqj4x6Kz5SNESMv5Qs7ARqsnNruitgYpA=

USOHvTUI3mh2ib/mMwbKTyTADvigSfSmb3MXH/HsN6A=

XGglpWsF+VpgOjXfIqzwrxv0n1E+aPydxJbt23zu0UA=

Zf6XyBzSm/LtmgDvoXinw+Hi6BMMwoaUJHcowJ8ikX0=

eDXaquyPVYoFNZ+HLRFOqPbAk7N1nlRiJhbhe4g83Es=

gok0DFmTbYmfgm71+6/UBa9YMdK9fta9tVCYCvw0mUk=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

n9lKHF86NGBCOKJ/o3Xl/F++i0ke7eTshw4YJ60x+20=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

qriyvYyof2e0nw26zR6JThjy67bKClLhvHTizM7yDcg=

tOlureLazS6/pYwbqdKmud6Bvaf9nA4m71Uoyrhnjxo=

wV9d2LzLij/UwbGC8MXX+RHNBZ5d/rww134rq+krlJQ=

whJ3jNLC0SO8XSaY/XPhiyr+uvZwcHDCMcIF6SZYwb8=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Sites