#codepen resultados de búsqueda
🖥️🎨 Create a satisfying dropdown menu animation! Create the spring effect by changing the menu's vertical scale from 0.25 to 1 while using `translate` to drop the menu down as it scales up. CodePen ⬇️ codepen.io/bryntum-snippe… #codepen
🖥️🎨 Build a sales summary calendar! Use JavaScript to calculate the dot size depending on a sales value. Create elements for the date, a dot of the calculated size, and a tooltip that will display the sales value on hover. CodePen ⬇️ codepen.io/bryntum-snippe… #codepen
Another old trails effect, but it looks nice with #threejs #tsl bloom node 🤩 codepen.io/soju22/full/qE… #codepen #webgpu #webgl
🖥️🎨 Create a category filter! Write a JavaScript function that listens for changes to the dropdown menu and loops through the elements to find a match to the user’s selection. Hide non-matching cards using the CSS `display: none`. CodePen ⬇️ codepen.io/bryntum-snippe… #codepen
🖥️🎨 Create a mesmerizing animation! Use JavaScript to insert circles in a grid pattern and animate each circle by changing the radius from zero to maximum and back to zero. Stagger the animations with a 0.05s delay per row. CodePen ⬇️ codepen.io/bryntum-snippe… #codepen
🖥️🎨 Style a futuristic progress counter! The cyan-to-magenta gradient, layered box shadows, and brightness-changing `pulse` animation create a cyber look. The `input` event listener updates the UI when the value changes. CodePen ⬇️ codepen.io/bryntum-snippe… #codepen
here's a #threejs component. i like the radial gradient colored skybox, toon mesh. Leva gui. think i might use this as my 1st pen on #codepen
🎬 New Tutorial Alert! Learn how to create a Home Grid Images Mouse Move Parallax Effect using @greensock, and #QuickTo. Watch the full on YTB: youtube.com/watch?v=QtpG9u… Check out the code on #CodePen: codepen.io/hontran/pen/Yz… #WebDevelopment #Animation #JavaScript
🖥️🎨 Create a mesmerizing ripple pre-loader! Apply a box shadow, semi-transparent background, and blur filter to all the circles. Stagger the in-and-out scaling animations for each circle with an `animation-delay`. CodePen ⬇️ codepen.io/bryntum-snippe… #codepen
✨リアルタイムで動く「AXON風」タイムスタンプオーバーレイ、公開中。これであなたもアメリカの警察官!? codepen.io/stqlnuiu-the-a… #Bodycam #ブラウザでサクッと #Codepen
Just finished my colorful JS Snake Game on CodePen! Built under the guidance of @prerakdmehta in his Full Stack Web Development course. Think you can beat my high score? Give it a try👇 [codepen.io/Abhishek-Korek…] #javascript #CodePen #webdev #HTML #CSS
codepen.io
Smooth Animated Snake Game (Beginner-Friendly with Grid CSS)
A simple snake game built using JavaScript and CSS Grid. Features smooth animation, responsive design, and custom color themes...
🖥️🎨 Add toggle controls to a Bryntum List widget! Append the toggles to a container and use event handlers to toggle the `collapsibleGroups` property and trigger the `store.sort()` method. CodePen ⬇️ codepen.io/bryntum-snippe… #codepen #bryntum
here's my fnaf website for theories and minigames note: this is not the final version and may change codepen.io/KavewAnimation… #FNAF #Codepen
Codepen.ai is for sale $1,000. 🛍 #codepen #Coding #AI #Startups #VC #code #programmer #domainnameforsale #Domains
Black Friday Checkout HACK! 🛒 TYPE # → FLIP! →🔒 CVV → PURCHASE BOOM ✨ Repost if STEALING 👉 codepen.io/ugi-dev/pen/OP… #GSAP #CodePen
I'm excited to share a new @CodePen with you — a showcase of what's possible in #3D using pure #CSS (no frameworks!). Perspective, transforms, textures, masks, transform-style… so many powerful features working together to create real magic ✨ #codepen: codepen.io/DeyJordan/pen/…
Codepen Best Design #4 #codepen #viralshorts #trendingshorts #coding #ja... youtu.be/l1Y787Vqj44?si… via @YouTube
🖥️🎨 Create a satisfying dropdown menu animation! Create the spring effect by changing the menu's vertical scale from 0.25 to 1 while using `translate` to drop the menu down as it scales up. CodePen ⬇️ codepen.io/bryntum-snippe… #codepen
Codepen Best Design #3 #codepen #viralshorts #trendingshorts #coding #ja... youtu.be/nF4kMXrdIcQ?si… via @YouTube
Codepen Best Design #2 #codepen #viralshorts #trendingshorts #webdevelop... youtu.be/tL-IPkuiO74?si… via @YouTube
\🍂今日の #オープンキャンパス 🍂/ 今日は選べるW体験でした‼️ #codepen を使ってプログラミングと #figma を使ってアプリで使うアイコンの作成をしました🌟 個性溢れる素敵な作品でした☺️
🖥️🎨 Create a category filter! Write a JavaScript function that listens for changes to the dropdown menu and loops through the elements to find a match to the user’s selection. Hide non-matching cards using the CSS `display: none`. CodePen ⬇️ codepen.io/bryntum-snippe… #codepen
Just built a colorful Stopwatch Timer ⏳ using HTML, CSS & JavaScript! Minimal UI, smooth controls, and fully functional start-stop-reset system 🎯 Check it out here 👉 [codepen.io/riabhsh/full/b…] #JavaScript #Frontend #CodePen #WebDev #CSS
🖥️🎨 Build a sales summary calendar! Use JavaScript to calculate the dot size depending on a sales value. Create elements for the date, a dot of the calculated size, and a tooltip that will display the sales value on hover. CodePen ⬇️ codepen.io/bryntum-snippe… #codepen
ChatGPTで作るゲーム『ZUNDA TRIAL』 codepen.io/kroluapp-the-d… BGMは素材を使わずプログラムで生成しているので 乱数を与えて無限に展開できるようにしてもらったら なかなかいい感じの自動作曲機能が出来上がった #ChatGPT #codepen #ZundaTrial
\💻今日の#オープンキャンパス💻 / 本日は、初めてでもできる!プログラムを書いて見よう!でした✨️ #CodePen を使用して #JavaScript 等を書きました! JavaScript では、if文や変数について学びました🥸
\🍂今日の #オープンキャンパス 🍂/ 今日は選べるW体験でした‼️ #codepen を使ってプログラミングと #figma を使ってアプリで使うアイコンの作成をしました🌟 個性溢れる素敵な作品でした☺️
本日のオープンキャンパスは 学生スタッフが講師! 𓊆 在校生から学ぶプログラミング体験 𓊇 の日でした✨ #Codepen というサイトを使用して ホームページへ飛ぶボタンを作成しました! #オープンキャンパス #体験授業
#100daysofcode 36/100 I've made a figma mock up of this new menu that will serve as a theme list container for creating, deleting, and saving themes in #ColorThemeMakerForGameMaker In img 1 you can see it being laid out in figma, and in img 2 I have a #codepen version of it…
おはようございます😀ブログで使う囲み線をCSSで作っていて、これにCodePenというツールを使ってます。CodePenはブラウザ上で使用できるしリアルタイムで表示を確認しながら開発をすることができるのでとっても便利。無料で使えるのに凄いですね。 今日も楽しく頑張ります! #CodePen
I made this shape using only CSS. Can you do it too? Check out my shape and share your solutions. #csschallenge #codepen #webdesign
本日のオープンキャンパスは、 #CodePen を使用してゲーム開発にも使われるプログラミングを学びました👨🏼💻⭐️ 参加者の皆さんに#HTML と#CSS を使用した#webデザイン の経験があり、作業がとても順調に進みました!
A bit tired this evening but I decided to work on a new #cssart #codepen little project. Hopefully, I ll finish it tomorrow, and then write an article at #hashnode describing the process of creating it.
Responsive Dashboard | Bento Style codepen.io/ecemgo/pen/YzB… @CodePen #codepen #codepenchallenge #bento #cssgrid
\🌸今日の#オープンキャンパス 🌸/ 今日は選べるW体験授業! #figma と #CodePen を使ってロゴマーク作りとプログラミングをしました!💻 プログラミングの方は皆さん飲み込みが早く、デザインの方は色のバリエーションやグラデーションの違いがそれぞれ個性あふれていてとても良かったです☺️
\🌸今日の #オープンキャンパス 🌸/ 今日は選べるW体験授業でした! #プログラミング の体験では #codepen を使い、 #WEBデザイン の授業では #figma を使い、ロゴを制作しました🌟 皆さんの個性溢れるデザインが出来ました🤩
Wow, how awesome is this? My #CSS demo ranked 9th in the Top 100 "The Most Hearted 2024" list ❤️🔥. Huge thanks for all the feedback and support! ✨ #codepen #community
\🌸今日の #オープンキャンパス 🌸/ 今日は選べるW体験授業です星 #プログラミング の授業では #codepen でプログラミング、 #WEBデザイン の授業では #figma でチェキを作りました! デザインは在校生の先輩が授業をしました 皆さん楽しくプログラミング、デザインをしていました!
I'm honored to be featured in this week @CodePen SPARK: "Three.js Depths and Forum Answers" codepen.io/spark/476 #ThreeJS #CodePen
\🌸今日の#オープンキャンパス 🌸/ 今日は #codepen を使ってプログラミングでおみくじ作成をしました! ち日差しが強くとても暑かったですね💧 皆さん大変タイピングが早くスムーズに授業が進みました✨
Something went wrong.
Something went wrong.
United States Trends
- 1. Cowboys 65.8K posts
- 2. Cowboys 65.8K posts
- 3. LeBron 86.4K posts
- 4. Gibbs 16.8K posts
- 5. Pickens 11.7K posts
- 6. Brandon Aubrey 6,619 posts
- 7. #OnePride 8,978 posts
- 8. Ferguson 10.1K posts
- 9. #DALvsDET 5,798 posts
- 10. CeeDee 9,570 posts
- 11. Goff 7,935 posts
- 12. Eberflus 1,862 posts
- 13. Bland 8,120 posts
- 14. DJ Reed N/A
- 15. Al Michaels N/A
- 16. Shang Tsung 16K posts
- 17. Schotty 1,593 posts
- 18. Austin Reaves 12.9K posts
- 19. #LakeShow 4,121 posts
- 20. Turpin 2,051 posts