search

codeSessionsP2 / masimapage

masima landing page
MIT License
1 stars 2 forks source link

Animation Effect #7

Closed mxklb closed 7 years ago

mxklb commented 8 years ago

Add css video effects to the logo and the green 'play' button.

smnwndrr commented 8 years ago

Did a rough sketch on my smnwdrr/masimapage branch animation. I don't know how to show it without merging it into my gh-pages branch.

mxklb commented 8 years ago

there's no other option to show it to me using gh-pages than merging it into, besides letting me clone your repo and simply checkout your branch animation ;) I'll do so if I find time to ..

P.S. Review although the other issues where I'll describe linking commits to gh issues.

smnwndrr commented 8 years ago

two ideas:

  1. animation only on css level, caveat only css transforms possible
  2. apply svg filters, toggle them via js. here is an interesting article about svg filters, caveat: does not work on windows software.
mxklb commented 8 years ago

I reviewed your css skew animation, this looks promising .. I think both solutions are possible. We could work it out by time. Nevertheless providing a first nice animation would be nice if we launch the page. So css transform is what I think we're more confirm with, so let's first of all stick to this ..

Some Responsive Ideas:

Animation Ideas:

mxklb commented 7 years ago

@smnwndrr if you find time, review mxklb.github.io/masimapage

I added tv noise flickering and logo wobbling. I think maybe needs some more slight adjustments but overall this looks somehow like I thought it should look :)