Твіти
- Твіти, поточна сторінка.
- Твіти й відповіді
- Медіафайли
Ви заблокували @CodePen
Ви впевнені, що хочете переглянути ці твіти? Перегляд твітів не розблокує профіль @CodePen
-
CodePen.IO ретвітнув(ла)
CSS Only Room Escape Game https://codepen.io/takaneichinose/pen/YzqreVp?editors=0000 …
@CodePen This is an escape game only made in CSS. I created all of the assets, using MS paint to draw the image, and Paint . net to make the background color of the PNG files into transparent.#html#css#gamedev#game#puzzleДякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
CodePen.IO ретвітнув(ла)
CSS only Spinel samples some sweets
#codepen@CodePen // http://codepen.io/tiffachoo/pen/poyJWNv …pic.twitter.com/AfNhvnLSiEДякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
CodePen.IO ретвітнув(ла)
CSS Grid Nav-Menu (speed lapse) Youtube: https://youtu.be/mh3MR8TniBk
@CodePen: https://codepen.io/curley/pen/LYGONga …#CSS3#HTML#webdevelopmentpic.twitter.com/3jcX1BsFX5Дякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
CodePen.IO ретвітнув(ла)
You can jump straight to the
@CodePen to review the latest http://ModernCSS.dev tutorial demo for creating custom cross-browser text input and textarea styles. https://codepen.io/5t3ph/pen/KKzqEzz … Full tutorial here: http://5t3ph.dev/inputsДякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
CodePen.IO ретвітнув(ла)
super excited that two of my
@CodePen games are featured in this video
https://www.youtube.com/watch?v=gxz6xV6E7DE …Дякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
CodePen.IO ретвітнув(ла)
I made a
@CodePen of my sprite generator with improvements! Black outlining, transparent background and sprites aligned to a 64x64 grid (can be resized to 1/4 for pixel resolution)
https://codepen.io/KilledByAPixel/full/ZEWyRwO …
#generative#pixelart#javascript#js13k#gamedevДякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
We just released a big update to Collections!
Reordering
Sorting
Commenting
Plus a fresh new look
https://blog.codepen.io/2020/08/28/collections-reordered/ …pic.twitter.com/alFzQNXEd5Дякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
CodePen.IO ретвітнув(ла)
Made one
@CodePen after quite some time. Just some morphing letters with GSAP ScrollTrigger and polymorph.jshttps://codepen.io/fluxus/full/ZEWydKK …Дякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
CodePen.IO ретвітнув(ла)
CSS ART - Vintage VW Bug -
https://codepen.io/shunyadezain/pen/MWypjVW …
via @CodePen I made my favorite car with CSS
It was challenging but Jhey's @jh3yy article helped me a lot
Thank you!
Hope you like it
#css#cssart#100DaysOfCode#vw#vwbugpic.twitter.com/CC8K1lM3pz
Дякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
CodePen.IO ретвітнув(ла)
This week we spoke with @hexagoncircle about his awesome@CodePen, Supa Dupa Fly! He teaches us how he animates clip-paths to make the letters, staggers the animations, and makes it feel like stop-motion with the step() function!https://frontend.horse/articles/make-gifs-into-letters-with-clip-paths/ …Дякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
CodePen.IO ретвітнув(ла)
Latest experiment with CSS Shapes.

Best in Firefox.
https://codepen.io/KristopherVanSant/full/xxVqLLO … via @CodePenpic.twitter.com/rB2oknxiUNДякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
CodePen.IO ретвітнув(ла)
Pure CSS Logo's Collection!!!
@CodePen :https://codepen.io/collection/AkMkEq … These Logos were created using the "clip-path" property and gradients.#HTML#CSS3#webdevelopmentpic.twitter.com/y26AEfcsRM
Дякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
CodePen.IO ретвітнув(ла)
We learned how
@petebarr made these fantastic animations with@greensock and some really clever techniques!
The trick for how 'radiohead' animates in might be my favorite.
Learn how he did it: https://bit.ly/34wLTex pic.twitter.com/lfzxV3UQI3Показати цей потікДякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
CodePen.IO ретвітнув(ла)

A very happy birthday to @chriscoyier
https://codepen.io/Mamboleoo/pen/PoNpMMy …Дякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
Дякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати
-
CodePen.IO ретвітнув(ла)Дякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати
-
CodePen.IO ретвітнув(ла)
A few minutes available? Let's draw an owl in CSS... starting from the word "owl" and building from there. Here's the code: https://codepen.io/alvaromontoro/full/ZEWLvLY … And a 1-minute video (at 20x) of how it was done. Music credit: A lo largo, by Renich (available on Jamendo)pic.twitter.com/c51hEDKek5
Показати цей потікДякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
CodePen.IO ретвітнув(ла)
Using the WebShareAPI's Level 2 (image/file sharing) to trigger some sharing animations. Illos: SVG; animation: made w/
@GreenSock Support only in Safari 14 beta and Android Chrome for now, so use the demo buttons to see the animated states.@CodePen: https://codepen.io/dsenneff/pen/XWXLNZw …pic.twitter.com/A5ndyEynJOДякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
It's the final week of the music video color palettes
#CodePenChallenge! This week, we dance into the 2010s with colors from Psy's "Gangnam Style" https://codepen.io/challenges/2020/august/4 … Thanks@Netlify for sponsoring!pic.twitter.com/5DE0bEoGzW
Дякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати -
CodePen.IO ретвітнув(ла)
Pin Interaction for
@joincheck Play with it@CodePen https://cdpn.io/Rwaowqx Made with@greensockpic.twitter.com/nN2YKeXNBfДякуємо. Твіттер використає ці відомості, щоб покращити вашу стрічку. СкасуватиСкасувати
Схоже, завантаження займе трохи часу.
Можливо, Твіттер перенавантажено або виникли тимчасові труднощі. Спробуйте ще раз або дізнайтеся більше про стан Твіттера.
Support:


