CodePen.IO :verify: · @CodePen
242 followers · 2237 posts · Server hello.2heng.xinRT Yusuke Nakaya
CSSだけで電車のジオラマを作りました🚋 久しぶりのCSS作品！
OnlyCSS: Low-poly Train
https://codepen.io/YusukeNakaya/pen/PoybbMY
@CodePen
#css #css3d #cssart #webdevelopment https://t.co/t2wcGEGUif
:sys_twitter: https://twitter.com/s14garnet/status/1651949705893675009
#css #css3d #cssart #webdevelopment
CodePen.IO :verify: · @CodePen
234 followers · 2215 posts · Server hello.2heng.xinRT Ben Evans
Hello👋It's been a while... I did a thing!
A Pure CSS Table Tennis Game:
https://codepen.io/ivorjetski/full/mdzrLbW
An experiment to see how closely, only CSS, can mimic a finished app.
@CodePen
#cssonly #cssart #frontenddeveloper https://t.co/rsAmUewiei
:sys_twitter: https://twitter.com/ivorjetski/status/1649081381484363776
#CSSonly #cssart #FrontEndDeveloper
AL · @ALNRD
2 followers · 6 posts · Server mas.to
Alvaro Montoro · @alvaromontoro
154 followers · 229 posts · Server front-end.social
A CSS drawing of a Motorola RAZR V3 (the best flip phone ever created 😉)
Coded in HTML and CSS, it is responsive and slightly animated (the screen will go to sleep after 10 seconds and wake up after pressing any button.)
Demo on #codepen: https://codepen.io/alvaromontoro/pen/JjaMMXw
#codepen #cssart #css #html #drawing #motorola #razr
CodePen.IO :verify: · @CodePen
209 followers · 2063 posts · Server hello.2heng.xinRT Álvaro Montoro
CSS drawing of Nintendo Switch.
Coded in HTML and CSS, it is interactive and responsive (resize the window and see it change.)
Demo on @CodePen:
Video of the coding process:
#html #css #cssart #nintendo #switch
https://codepen.io/alvaromontoro/full/LYJPxvr
https://youtube.com/watch?v=7IrOlF25_F0
:sys_twitter: https://twitter.com/alvaro_montoro/status/1625251700750577690
#html #css #cssart #nintendo #switch
CodePen.IO :verify: · @CodePen
204 followers · 2056 posts · Server hello.2heng.xinRT Ricardo Oliva Alonso
3D Walkman made with HTML, CSS and JavaScript - Designed by michaelyeah.
Live @CodePen:
#html #css #javascript #cssart #3D #isometric #voxelart #music #sony #walkman
https://codepen.io/ricardoolivaalonso/pen/RwBZMGB
:sys_twitter: https://twitter.com/rolivaalonso/status/1614974500029751296
#html #css #javascript #cssart #3d #isometric #voxelart #music #sony #walkman
Greg Robleto · @robleto
26 followers · 47 posts · Server uiuxdev.socialA Christmas present from me to all
those who enjoy CSS Art: Snowglobe
🖥️ Code on @CodePen@twitter.com at https://codepen.io/robleto/pres/eYjmWYJ
🏷 #css #cssart #singlediv
Ben Evans · @ivorjetski
4 followers · 1 posts · Server sunny.gardenIs it possible to make a fancy portfolio site without JavaScript, I hear you ask?
#cssart #frontend #cssonly #cssartist #nojavascript
CodePen.IO :verify: · @CodePen
107 followers · 1890 posts · Server hello.2heng.xinRT Greg RoBOOleto 👻
Day 28 of #divtober is "monster"
This 📖 book was one of my favorites as a kid. I ❤️ how interactive and meta it is (with a twist ending, no less). So fun!😁
🏷️#css #allcss #cssart #allonediv #sesamestreet #grover #monster #book
Code on @CodePen:
https://codepen.io/robleto/pres/NWzPbwB
:sys_twitter: https://twitter.com/robleto/status/1585969164401115136
#divtober #css #allcss #cssart #allonediv #sesamestreet #grover #monster #book
CodePen.IO :verify: · @CodePen
107 followers · 1890 posts · Server hello.2heng.xinRT Greg RoBOOleto 👻
Day 25 of #divtober is "luminous"
Are you watching Andor? Wow! That heist episode was epic, and escaping during The Eye was so visually stunning I was compelled to try to recapture it.
🏷️#css #cssart #cssgradient #andor #theeye #StarWars
On @CodePen:
https://codepen.io/robleto/pres/dyKbpYy
https://twitter.com/i/web/status/1584896303435517952
:sys_twitter: https://twitter.com/robleto/status/1584896303435517952
#divtober #css #cssart #cssgradient #andor #theeye #starwars
thorsten · @tbachner
141 followers · 1188 posts · Server ruhr.socialRT @DevMaxew
Pure CSS Queen Elizabeth II via @CodePen : https://codepen.io/maxew33/full/NWMveBz
#css #cssart #pureCss #queenelizabethii
CodePen.IO :verify: · @CodePen
107 followers · 1890 posts · Server hello.2heng.xinRT Greg RoBOOleto 👻
Day 19 of #divtober is "Mythical"
Born in the year of the dragon, I've had an affinity long before they became the centerpiece of shows on HBO.
🏷️ #css, #cssart, #dragon
Code on @CodePen
https://codepen.io/robleto/pres/NWMmWRM
:sys_twitter: https://twitter.com/robleto/status/1582725754902773761
#divtober #css #cssart #dragon
CodePen.IO :verify: · @CodePen
107 followers · 1890 posts · Server hello.2heng.xinRT zeynep
Hey! I have coded another Kurzgesagt bird. It loves singing🎶 I enjoyed coding it 💜 @CodePen #css #cssart
https://codepen.io/zeynepozdem/pen/gOzypzM
:sys_twitter: https://twitter.com/zeyneppozdem/status/1582378915787440128
CodePen.IO :verify: · @CodePen
107 followers · 1890 posts · Server hello.2heng.xinRT Greg RoBOOleto 👻
Re @CodePen Catching up on making these "making-of" videos. This one required little editing, which made me smile 😀, thinking I am getting more honed at coding these.
🏷️#divtober, #css, #scss, #cssart, #cssanimation
Also available on YouTube:
https://www.youtube.com/watch?v=jcclDHxD2qc
:sys_twitter: https://twitter.com/robleto/status/1581806004693782528
#divtober #css #scss #cssart #cssanimation
CodePen.IO :verify: · @CodePen
107 followers · 1890 posts · Server hello.2heng.xinRT Greg RoBOOleto 👻
Day 16 of #divtober is stripes
I played with bending lines to make a more dynamic image, using translates and radial gradients.
🏷️ #css, #cssart, #divtober
Code on @CodePen:
https://codepen.io/robleto/pres/xxjBYQv
:sys_twitter: https://twitter.com/robleto/status/1582001788894314496
CodePen.IO :verify: · @CodePen
107 followers · 1890 posts · Server hello.2heng.xinRT Greg Robleto
Grills on!
Day 11 of #divtober is "burger"
Learned you can't use a mixin for multiple radial gradients in the same background, so did a lot with variable calcs to make those burger patties.
🏷️ #css #cssart #scss
https://codepen.io/robleto/pres/JjvmLme/5b5568647e5317c6986b95ca71261d5e
:sys_twitter: https://twitter.com/robleto/status/1579831309253627905
CodePen.IO :verify: · @CodePen
107 followers · 1890 posts · Server hello.2heng.xinRT Greg Robleto
Day 7 of #divtober is "wonder"
I was trying for the Library of Alexandria, one of the Seven Wonders, but I see now I made the lighthouse of Alexandria here, and I'm realizing they may not be the same place.🤷♂️
Code on @CodePen
#css #cssart #singlediv
https://codepen.io/robleto/pres/YzLjYvr
:sys_twitter: https://twitter.com/robleto/status/1578400633190850564
#divtober #css #cssart #singlediv
CodePen.IO :verify: · @CodePen
107 followers · 1890 posts · Server hello.2heng.xinRT Greg Robleto
Day 5 of #divtober: "stamp"
This entry is personal for me. Next month, I am taking the family on the first international trip in 3 years. I am really excited for us all to get this passport stamp.
Code on @CodePen
🏷️ #css #cssart #singlediv #divtober
https://codepen.io/robleto/pres/BaxPyxq
:sys_twitter: https://twitter.com/robleto/status/1577692880994435072
#divtober #css #cssart #singlediv
CodePen.IO :verify: · @CodePen
107 followers · 1890 posts · Server hello.2heng.xinRT Mustapha Aouas
Silence in CSS
@CodePen 👉
#cssart
https://codepen.io/TheAngularGuy/full/BaxYVbJ
:sys_twitter: https://twitter.com/TheAngularGuy/status/1575554466937708549
CodePen.IO :verify: · @CodePen
107 followers · 1890 posts · Server hello.2heng.xinRT Yusuke Nakaya
【過去作品シリーズ】
夏の終わりに。胸に響く花火の音って、いいよね🎆 ドーーン、パラパラパラ。ドーーン、パラパラパラ。
Only CSS: Fireworks Rush
@CodePen
#cssart #css3d #animation
https://codepen.io/YusukeNakaya/pen/zYvWGwb
:sys_twitter: https://twitter.com/s14garnet/status/1569643568414994433