Streaming live at 10am (PST)

Webflow Blog-Tutorial?


#1

Hello,
I was wondering if there was a tutorial for the slick card animation that is featured on Webflow’s blog. I would be interested in learning how they apply the interactions with the shadow etc and how it changes on mobile. Any help would be great!


Here is my public share link: LINK
(how to access public share link)


#2

Hmmm…I am surprised that Webflow hasn’t made a tutorial video for this (at least one that I can find)


#3

@PixelGeek Maybe in a future workshop?


#4

I really wish in future tutorials/workshops, the Webflow team will start to show how whatever they are demonstrating will work/change for mobile. Too often, I follow along with their tutorials and apply it to a project that I am working on, then I have to spend lots of time and energy trying to figure out how it would work in a mobile viewport.


#5

We’re looking to do a tutorial on it soon. In the mean time, you’re welcome to inspect and reverse engineer it using this preview link: https://preview.webflow.com/preview/hover-me?preview=d3b2f818da6091d45976239b9cc2df7d


#6

Saw your comment to this effect on the blog. It’s an excellent point, and we’ll be keeping that in mind in future!


#7

Thanks! I will take a look at it in the designer mode(one of the best features, by the way, is being able to “look under the hood” of Webflow sites to see how it’s done.) However, the sample you shared does not have the super slick text panel on the left that expands a bit on rollover. That part and how it then changes for mobile are the two things that I can’t figure out.


#8

I’m looking to achieve this effect. Any hint? I’m trying for an hour now but i can’t make it work.

CloudApp

#9

Got it :slight_smile:


#10

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.