Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Content Count

  • Joined

  • Last visited

Community Reputation

1 Newbie

About erayner

  • Rank

Recent Profile Visitors

175 profile views
  1. If you wanted to see - here's the completed live project http://www.makeitbigger.beansandrice.co.nz/ Thanks for your help guys!
  2. I have updated my pen above.. Here's another link to it. https://codepen.io/erayner/pen/zYxrmQM You can drag any image (not svg) into the pen and it will upload that image. My problem now is making the new logo start and not zoom in on the first click. Any ideas?
  3. Wow I had no idea I could use functions like that ? Must look into GSAP 3. Thanks!
  4. Hi there, I am trying to create a 'pop' animation. When the logo scales to it's fullest (11 clicks) it disappears and in it's place (from the center of the logo) comes lots of tiny logos that 'explode' outwards in random directions. The problem I am having mostly is to do with the randomness. As you can see by my pen, I have gotten it so that after 11 clicks the main logo which scales disappears and the other logos are appended to the container. Help is greatly appreciated!
  5. Hey I just figured out how to do it, sorry Thanks again guys!
  6. Hey @OSUblake I was wondering if you knew of anyway to adding a front and back to those leaves! like one side could be darker color or something I tried adding Div.innerHTML = '<div class="flip-card-inner"><div class="flip-card-front"></div><div class="flip-card-back"></div></div>'; to the loop, and this dot{width:10px;height:10px;position:absolute;z-index: 300;background-color: transparent;} .flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.8s;transform-style: preserve-3d;} .dot .flip-card-front{position: absolute;width: 100%;height: 100%;backface-visibility: hidden;background: url(confetti.png);background-size: 100% 100%;background-color: red;} .dot .flip-card-back{position: absolute;width: 100%;height: 100%;backface-visibility: hidden;background: url(confetti-3.png);background-size: 100% 100%;background-color: black;transform: rotateY(180deg);} #confetti {width:300px; height:250px;z-index: 300;position: absolute; opacity: 0;} to the css to make a front and back but no luck something like this re: flip card https://codepen.io/anon/pen/cdFKH https://www.w3schools.com/howto/howto_css_flip_card.asp cheers
  7. Hello! I am looking at ways to do a 'flipping calender effect' with Tweenmax to be used in an HTML5 banner. Here's an example of what I am looking for Any help is GREATLY appreciated! Thanks
  8. Hey guys, Thanks very much for all the prompt replies and information!! I reeeeealllllyyyy want something that looks a lot like confetti!! In the code that I linked, the squares are all really nice sizes and they feel so random! Any chance someone has something more like this? The ones you guys have linked are great! but their animations feel more like snow falling rather than confetti. Cheers
  9. Hi there, I have found a Confetti Cannon here https://codepen.io/jscottsmith/pen/VjPaLO I want to just take the confetti out and remove the cannon etc So that the confetti only will be falling... and constantly! Or if you have another way in which I could use different code for the confetti that would be great too. Thanks!
  10. Hi there, welcome to my post! My name is Eugene, I am an experienced HTML5 Banner Developer, and I am looking for some more freelance gigs, possibly ongoing. I can develop banners using Adobe Animate or pure code, whatever your client desires! My hourly price varies depending on the project, but I am reasonable. If you are interested, please do email me at rayner.euge@gmail.com or reply/message me on this website. Thanks for your time!
  11. Hey Carl. I should apologise, sorry if I have offended. However - I searched on google 'Can I use GSAP for Gaming' and this was the first post that came up. And when you're here for the first time and you see a rude mod you kinda gotta say something. I'm all for a community, but not a salt community. Thanks for the links!
  12. I was searching for this exact question and all I see is @Dipscom being a knob to someone asking a pretty simple question - he could have posted on Reddit and got a friendlier answer. I like your little tank game mate. I'm looking to make my e-learning games using pure html/js instead of Animate or similar software. I'm hoping gsap can help if I use some of their libraries like Draggable.