Jump to content
Search Community

alexxgriffon

Members
  • Posts

    8
  • Joined

  • Last visited

Everything posted by alexxgriffon

  1. No) the card itself, not the image on it
  2. Well.. I just tried to split the card into blocks and apply animation to it. I thought if i could make an animated picture I could do the same with such an object as this card. From the very beginning it was clear that I needed more knowledge to implement this. Your pieces of advice were very useful and I’ll try to fix it
  3. well) here is a great card with nice hover effect. The question: what I have to specify for span properties in the css section instead of background: url that gsap script would apply animation just to the entire card? I will clarify that I am not trying to place any image on the card. I decided to put vanilla script in html block but at this stage I would like to understand how possible this method of animation is and without vanilla script. i hope the translator didn't fail me this time)))
  4. Thank you, sire) In the description of the project I listed purposes that I set for myself) At the moment I am looking for information about other parameters except scale and opacity I can apply in gsap JS section. I would like to give the block a rotation like: transform: rotateX(180deg);
  5. description (DEMO) 1. blocks are hexagons. 2. blocks rotate 90 degrees X line after line.(flip) 3. reveal starts by click. 4. during rotation, the block outline makes a glow effect and fades when the entire image is collected.
  6. AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA))))))))))))))) IT'S ALIVE!!!!!))) i feel happy)
  7. Thank you very much!) I think I fixed most of the bugs) there is one error I have not met before: Just HTML that goes in the <body> goes here
  8. index.html:40 Uncaught TypeError: TweenMax.Staggerfrom is not a function at index.html:40
×
×
  • Create New...