RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Hey Everyone, this is 16 css-only hover animations for links!
Animations no.01 & no.16  are made with embedded CSS code- you'll find the embeds at each belonging link.
Animation no.04 is made by simply changing the "hover state" of the link.
Animation no.15 is made partially by changing the hover state of the link-text (the gradient clipping to the bg) + a Webflow interaction of the link.

 First I thought to go for inspirations to tympanus.net for this project, but I saw that there's already a really cool cloneable for that: https://css-link-effects.webflow.io/, so I've searched across the web for inspirations to make different link animations from those.
For the link hover animation with squiggly lines all credits goes to Nikolai Bain: https://www.youtube.com/watch?v=uLyyQ1XTNfA  
I hope you can use some of these links for your next Webflow sites!


Link hover animations

This template is made for freelancers or studios who'd like to showcase their projects with a clean, simple site.
It's a CMS-based template, so you can add most of your content through the CMS collections.
********important************
To edit the site, please temporarily make the "cursor wrapper" 's display property to  display:none  (and when you finished, put it back to the original display:block property)

All images come from unsplash.com/ or pexels.com -> so if for some reason you'd like to use some photos from the sample projects in your project, they're ready to be used (and do not need any licenses).


Pages:
-Home
-Project
-About
-Categories Template Page
-Project Template (for each project)

Admin Pages:
-Style Guide
-Instructions

Pholio- a CMS portfolio template

This is a rebuild of the custo.io site 

All Credits goes to: https://dribbble.com/shots/21292282-Custo-Configurator

The smooth scroll is made with the Lenis library: https://lenis.studiofreight.com/
The project was built with the Client-First naming system.

Here's the Read-Only Link for the site:
https://preview.webflow.com/preview/custoio?utm_medium=preview_link&utm_source=designer&utm_content=custoio&preview=1718a4d3474569f394c146f6a0ebd203&workflow=preview


Webflow Rebuild 02/ custo.io

Hey!
This is a fixed image reveal scroll & hover interaction . 
Made with Webflow CMS. 
This type of interaction is good for displaying some minimal infos/ announcements- for the showcase I went with showcasing shelter doggos.

Fixed image reveal with hover interaction on scroll

Description

More by Katalin Gyurasics