Hi guys! I’m trying to insert one nice case from codepen. I’ve tried to make it like here but it shows me white page. Here is my public link https://preview.webflow.com/preview/1111-f6d72d?preview=71edea70d8e47e0ca90c4b73a1c7fd55 Please help to solve it or share some advise how to use codepen’s c…

:blush: Thanks, @StuM ! I’m just trying to be uber-cool like you. Hi @As_Gen , Definitely a great question. I was able to implement the CodePen code into a Webflow site, and the following are links for the implementation - Live Site: http://css-transitions-codepen.webflow.io/ Share Link: Webflow …

Maybe this can help: [image] How to embed files hosted on Github Webflow Tips 1a. Get embeddable link from any github resource. Open file in a new tab Click on “Raw” [image] 1b. Change URL of raw file Change URL from raw.github.com or raw.githubuserconten…

Maybe @Waldo can help as he advised on that link you mentioned Or the uber-cool - @micahryanhtml - who posted this video on his youtube channel a few days ago regarding custom codepen code: [What in Webflow 003 - Custom Code in Webflow]

Thanks a lot! You are super cool:slight_smile: So difference between yours and mine procects is that js scrypt has to be insert to before instead of to head area. Should experiment more:)

I’m trying to understend logic about how to use codepens’s cases in webflow. And next case isn’t work - I can’t get it. There are some external scripts - I tried to put it in head area and in footer area - nothing, it shows just a blank page. I decidet to ask in this topic and not to make new one …

My public share link: https://preview.webflow.com/preview/1111-f6d72d?preview=71edea70d8e47e0ca90c4b73a1c7fd55

[image] As_Gen: https://preview.webflow.com/preview/1111-f6d72d?preview=71edea70d8e47e0ca90c4b73a1c7fd55 Great question, @As_Gen . When you get a chance - could you provide the link to the CodePen? I’ll definitely take a look :blush:

Oh! I’m sorry:sweat_smile: Here is a codepens link: https://codepen.io/iremlopsum/pen/aqvKJL

Hi @As_Gen , This CodePen was a bit different. I was unable to compile the code to get it working. However, inspecting the code allowed me to copy what the browser was showing. The steps to get the app to work includes the following: [Feb 25, 2018 10:34 AM] Inspect the code Locate the…

Nice trick :grinning: Thanks for sharing! So there is only one difference - this script <script src="//static.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js"></script> It’s not in CodePen’s settings or somewhere else (exept sour…

Integrate code from codepen

Design help Custom code

aaronocampo (Aaron Ocampo) February 23, 2018, 8:52pm 2

Maybe this can help:

Topic		Replies	Views
Embedding a CSS longer than 10.000 characters Custom code	5	707	July 27, 2022
Recreating Codepen in Webflow Custom code	6	2363	June 4, 2018
Codepen Code Integration Question Custom code	8	1449	December 10, 2019
Custom code on github to webflow Custom code	10	3686	September 11, 2022
Embedding Code from GitHub Custom code	12	5808	April 11, 2019

Integrate code from codepen

Related topics