Jump to content

Codepen Notification

You didn't provide a codepen sample that illustrates the problem. It really helps us quickly identify problems. This isn't mandatory, but it will get you better/faster results. Would you like to add one?

Read This First: How to Create a CodePen Demo

Started by Carl, Feb 07 2014 01:40 AM

8 replies to this topic
  • Carl
  • 5,383 Likes (Superhero)
  • 7,746 posts

Post #1 by Carl , 07 February 2014 - 01:40 AM

We're eager to get your questions answered, but in order to get you the fastest, most accurate response, it is very important that you provide code that we can test.


The cause of your problem may be related to CSS, HTML, or JavaScript (or a mixture of those). If you only provide a tiny code snippet (outside of its context), it's difficult to diagnose. And its just not practical to read large chunks of code in a forum post. We need code that we can dig into and play with...quickly.


We are big fans of CodePen.io which is an online HTML editor that allows you to create and share demos that our team can inspect, edit, and most often fix for you.


To create a demo that uses the latest version of TweenMax:

  1. Visit our Basic Starter Pen.
  2. Click the "Fork" button to create your own copy.
  3. Add the minimal amount of HTML, CSS and Javascript necessary to replicate your issue.
  4. Paste the URL of your pen (demo) into a new forum topic with a short description of the problem.
  5. Include OS, browser and device information where applicable. 

Watch How it is Done:


The Basic Starter pen loads the following core GSAP tools:

  • TweenMax
  • TweenLite
  • TweenMax
  • TimelineLite
  • TimelineMax
  • CSSPlugin
  • BezierPlugin
  • DirectionalRotationPlugin
  • AttrPlugin
  • RoundPropsPlugin
  • EasePack

For access to pens which use other tools (ThrowPropsPlugin, Draggable, SplitText) please visit our Support Starter Pens collection.


CodePen is completely free to use and you don't even have to sign up or log in. We do recommend creating a free account as it will allow you to save and organize your pens and much more.


Thanks for your cooperation. We look forward to helping you.


Post #2 by Afrowave , 04 July 2015 - 03:28 PM

Hi Carl,


May we embed a CodePen pen into the forum body for easier access for everyone?

  • Back to top

  • Carl
  • 5,383 Likes (Superhero)
  • 7,746 posts

Post #3 by Carl , 07 July 2015 - 03:38 AM

It's a nice idea but at the moment that functionality is not supported by our forums.

  • Back to top

Patryk D&D

Post #4 by Patryk D&D , 11 December 2015 - 04:01 PM

Hi world :)

How can I embed stuff like SplitText and other bonus content? :)
I tried to upload them on my ftp and then link to codepen but it throws me

"Failed to load resource: net::ERR_INSECURE_RESPONSE"
Probably my ftp is just lame, anyway I would really appreciate some help.

Love your stuff btw ;)

  • Back to top

  • Carl
  • 5,383 Likes (Superhero)
  • 7,746 posts

Post #5 by Carl , 11 December 2015 - 04:26 PM

Hi patryksmakosz1,


Welcome to the GreenSock forums.

We would love to help, but I'm not sure where you are getting that error or what you are trying to do.

As a member you should have no problem using the bonus plugins that you download from this site.


It sounds like you may be loading some assets using http on an https page but I do not know.


Do you have a link we can look at?

  • Back to top

  • Diaco
  • 1,864 Likes (Superhero)
  • 1,221 posts

Post #6 by Diaco , 11 December 2015 - 04:41 PM

if you want to test/play with Club GreenSock bonus plugins on Codepen , you can find codepen safe version here ( which can only be used on codepen ) : 





follow me Twitter  |  Codepen

  • Back to top

Patryk D&D

Post #7 by Patryk D&D , 21 December 2015 - 11:22 PM

Thank you both for interest Carl and Diaco. I had not noticed your posts.

I wanted to play with multiple member plugins on codepen - Diaco solved that :)
Thanks again, now I can tween anywhere !

  • Back to top


Post #8 by bgthedev , 15 September 2016 - 02:22 PM

Hi Friends,


I am new here and will learn more about greensock to use it in my web applications/websites.




  • Back to top


Post #9 by alwayzambitious , 15 January 2017 - 10:16 PM

I think if your greensock issues are really css, which i find often, you may want to try css tricks they have a forum...

  • Back to top

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

3rd Party Advertisement