I started with some basic markup for the word “Netflix” People have been asking me how I did that… I do a lot of 3d experiments, so this wasn’t that much of a difficulty to me. But there is something else about the logo that I needed to take care of: the letters are tilted to the center of the logo.
So these were the animation steps I needed to replicate. I tend to do that a lot because it allows me to stop at certain frames to figure out what is actually going on. I recorded the logo and looped it in Quicktime so I could examine it in detail. Luckily I always have a few tricks up my sleeve when it comes to CSS.īut let’s talk about the actual animation. My first implementation was a little dirty since I was trying a few things.įor example: I wanted to do this in pure CSS and I also wanted to be able to run the animation again when I click a button, so I had to use some magic. So after watching a few episodes I went over to CodePen and started to work on the logo. I immediately started thinking about implementing this in CSS.
#Netflix font size movie#
Each episode or movie starts with the Netflix logo animation.
#Netflix font size series#
I started watching a lot of series that I usually had to view elsewhere. Gregor is kind of the rising star when it comes to CSS, so needless to say it is a great honor to have him here.Ī few months ago I tested Netflix, immediately got hooked and got myself an account. The following is a guest post by Gregor Adams about how he managed to re-create the Netflix logo in CSS.
0 kommentar(er)
