#css3D - Twitter Hashtag

3 months ago

CSSによる3Dキューブのデモ（PC推奨） flexと三角関数と乱数で配置。想定よりもグラデーションの陰影に味わいがある。重いので案件では用途を限定する必要がありそう。最終的にはHTML-in-Canvas APIでポストプロセス出来ると面白いかも。 #css3d https://t.co/KvQupqOE0p

1

84

5

47

5K

Spiro Floropoulos @spirodonfl

4 months ago

Alright, beta version of my #programmer card #indiegame is almost done. * no #ai * no 3rd party libraries * all hand rolled * #css3d for everything (I know it looks 2d right but it's all css3d) * pure vanilla #html, #css and #js Upcoming * pvp * deck builder * #wasm for critical portions * more use of css3d * gonna bring back #webaudio for music/sounds I apologize for any bugs, it is a beta version, but it should be very functional https://t.co/HJXzKnyugJ the first version: https://t.co/XT2vqqjkvX

0

4

0

236

Chinonso Isidore @IsidoreChinonso

4 months ago

Day 40: 3D Background Boxes! 📦✨ CSS perspective tilts, hovers lift—immersive depth magic. 40/100 milestone! #WebDev #100DaysOfCode #CSS3D #Transforms

0

4

0

47

Spiro Floropoulos @spirodonfl

5 months ago

The alpha version of my #indiegame is out. No 3d party libraries. No AI. Everything looks stupid cause I don't know how to do graphics or pixel art. #css3d, #js, #html, #webaudio - that's literally it on mobile, there's a 2d version that's functional but the UX sucks https://t.co/rbTzUQ5yYe Stuff I'm working on next: * polish on a lot of the existing 2d stuff * more advanced rules and mechanics (right now the only thing that adds a twist is augment cards like influencers, hardware, os and language cards) * have your own binder of cards to build a deck with to go save the human race * more enemies * online pvp * pay me money to get higher chances at better quality draws for new cards * some other stuff I'm probably forgetting for the roadmap

0

7

0

1

177

Voxels

@cryptovoxels

5 months ago

The rotating logo returns. #css3d

3

8

0

1

419

M @markboots

7 months ago

Had some spare time and created this CSS-only 3D Chess Board. Check it out on @CodePen. Free to fork and heart ▶ https://t.co/2Gez8LgYM0 #css #css3d #chess #chessboard #codepen

markboots's tweet photo. Had some spare time and created this CSS-only 3D Chess Board. Check it out on @CodePen. Free to fork and heart
▶ https://t.co/2Gez8LgYM0

#css #css3d #chess #chessboard #codepen https://t.co/fzDUIkwsI0

0

1

0

103

株式会社クライマークス | 東京銀座のWeb制作会社

@climarks_inc

10 months ago

こちらのノートPCも、シンプルなHTMLとCSSのみで実装しています。 #CSS3D はできることも少なく、パフォーマンスもかなり悪いのですが、手軽に実装できるのと、アクセシビリティ対応（スクリーンリーダー、キーボートコントロール、代替テキストなど）がやり易いので、うまく使えないかなと思っています。

1

4

3

0

546

株式会社クライマークス | 東京銀座のWeb制作会社

@climarks_inc

10 months ago

弊社でもWebGLを使った案件が増えてきたのですが、CSS3Dの可能性も模索しています。こちらの地球は、HTMLとCSSのみで実装しています。極力シンプルなコードで、動作が重くならないようにしました。 #CSS3D

0

7

2

1

767

Yusuke Nakaya @s14garnet

over 1 year ago

CSS だけで描画された電車内風景 🚃 みなさん！ここだけは絶対に見てほしい！吊り革の揺れに徹底的にこだわったんですよ！笑ガタンゴトン...ガタンゴトン... 🚃🚃🚃🚃🚃 OnlyCSS: Low-poly Train https://t.co/Xw2wCU3Un6 @CodePen #CSS #CSS3D #CSSArt #webdeveloper

0

21

1

4

1K

Yusuke Nakaya @s14garnet

over 1 year ago

あの日、失くした傘はいまどこに ☂️ 傘を失くした悲しい気持ちを CSS で歌ってみた。 Only CSS: Umbrella is Gone https://t.co/fkJZkyGQ34 @CodePen #css #css3d #cssart #WebDevelopment

0

5

0

1

317

Yusuke Nakaya @s14garnet

over 1 year ago

紙飛行機たちは無限に廻り続ける。ところで、これが CSS だけで描画されているって言ったら、信じる？✈️ Only CSS: Paper Plane https://t.co/ddvI1IXfJk @CodePen #css #cssart #css3d #WebDevelopment

2

27

0

13

1K

Yusuke Nakaya @s14garnet

over 1 year ago

もう本当に夏が終わらないので CSS スノードームでも眺めて涼んでください... ⛄⛄⛄ 涼しくなったら雪だるまも CSS で作りましょうか。 Only CSS: Winter Box⛄ https://t.co/bhL648z0Nq @CodePenより #CSS #CSS3D #CSSArt #WebDevelopment #megurocss

0

24

5

11

3K

Yusuke Nakaya @s14garnet

about 2 years ago

CSS 3D CUBE GENERATOR 🧊 https://t.co/QZooocnmWi #css3d #css #megurocss #webdevelopment

0

2

0

1

352

Álvaro Montoro @alvaro_montoro

about 2 years ago

I submitted a second entry to @ThePracticalDev's CSS Art challenge. This time, it is an interactive 3D watermelon slice. https://t.co/zqYKet400s #css #css3d #3d #codepen

0

9

1

0

464

Yusuke Nakaya @s14garnet

over 2 years ago

このほか、バカみたいな278個のCSS作品を公開しています。楽しんでください!!🚀 YouTube: 狂気のCSSアニメーション作品集 https://t.co/bXcM1gpPDa #css #css3d #animation

0

26

3

26

4K

Yusuke Nakaya @s14garnet

over 2 years ago

CSSだけで作る、無限ループ作品。さらに仕掛けがあって、この作品をマウスで触ると...👉 CodePenで試してみてね！ Only CSS: Infinite Plug In https://t.co/rJT2oPQtXS @CodePen #css #cssArt #css3d

1

127

16

30

16K

Yusuke Nakaya @s14garnet

almost 3 years ago

CSS だけで作る金属的な表現。光のコントロールは難しいです🫤 Only CSS: Metal https://t.co/nShbuAIMXU @CodePen #css #css3d #cssart

2

50

3

6

6K

Yusuke Nakaya @s14garnet

almost 3 years ago

久しぶりのCSS作品。最近まったくコード書いてなくて、完全に腕が鈍ってます！🤪 だけど、CSSをオモチャにするのは楽しくて、ついつい遊んでしまいますね。 Only CSS: Box party https://t.co/ofjCPszinv @CodePen #css #cssart #css3d

0

13

1

915

AONDOHEMBA @JOE_Akir

almost 3 years ago

Welcome to the theater of Transitions & Animations! ✨ With the power of CSS 3D transforms, you can make elements dance in 3D space! Unleash the captivating animations of GSAP, and take your audience on a journey of magic and wonder! 🎆 #GSAP #CSS3D #WebAnimations 9/10

1

0

61

Joe Pea @trusktr

about 3 years ago

@amit_sheen @CeramicSoda @CodePen I love your demo! Unfortunately Android Chrome on Pixel 6 Pro is glitched out. I love the potential of #CSS 3D, but as soon as one bug gets fixed then there's a new one. Never ending story since the beginning of #CSS3D.

trusktr's tweet photo. @amit_sheen @CeramicSoda @CodePen I love your demo! Unfortunately Android Chrome on Pixel 6 Pro is glitched out. I love the potential of #CSS 3D, but as soon as one bug gets fixed then there's a new one. Never ending story since the beginning of #CSS3D. https://t.co/ldNbkZ49CA

0

2

0

72

Top Tweets for #css3D

Last Seen Hashtags on Sotwe

Trends for you

Most Popular Users