5000兆円欲しい!.css

2017/07/20 10:27:16

DustOfHuman

すごい

2017/07/20 11:00:53

MIZ

できるんだ、これ

2017/07/20 11:40:19

keim_at_Si

おぉ！めっちゃ頑張ってる

2017/07/20 12:06:48

higed

css is power

2017/07/20 12:13:19

t_43z

さすが

2017/07/20 12:21:44

kawat_htn

cssだけで出来るのか。便利。

2017/07/20 12:37:04

murishinai

すごい

2017/07/20 13:04:33

takutakuma

職人芸なCSSすごい

2017/07/20 13:34:33

risupunk

便利　https://gyazo.com/d4cf28e1c170da7e5ee9947694bd4028

2017/07/20 13:35:13

mr_mayama

設計が美しすぎて泣けてきた

2017/07/20 13:45:19

renos

これぞ才能の無駄遣い…！

2017/07/20 14:13:58

garage-kid

61: すごい。

2017/07/20 14:16:38

makou

暴君さんだ。

2017/07/20 14:16:38

nankichi

技術的に凄いのかもしらんが、wordのイルカを思い出すフォント

2017/07/20 14:18:58

Cujo

よくある「できる！」シリーズ本のたいとるをこれで。。。。。（

2017/07/20 14:20:11

Pinon3s

css芸

2017/07/20 14:23:30

Fushihara

cssはちょっと凝ったことをしようとするとbefore afterのだけをやりくりしないといけないのがつらい。before afterに相当する物を任意の数だけinsertしたい

2017/07/20 14:24:29

new3

これで生成してスクリーンショット取って画像にして…（違

2017/07/20 14:27:59

mtane0412

欲しい

2017/07/20 14:32:49

ln_north

これはcssというよりtext-shadowがすごい。box-shadowも同じようにすごくて、これとアニメーションとか組み合わせるとなんでもできる気がしてくる。大体のcss芸はこれでできてる気がする。

2017/07/20 14:40:08

lp008962

text-shadow頑張ればここまで出来るのか。

2017/07/20 14:46:19

otihateten3510

まるで読めない

2017/07/20 14:47:06

qinmu

これはすごい。

2017/07/20 14:48:21

shogo_okamoto

職人芸だ

2017/07/20 14:48:54

hevohevo

ありがとうございます。これでいろいろ捗ります！

2017/07/20 14:55:20

yoshi0309

これはすごい・・

2017/07/20 15:01:58

fujiiita18

何がすごいのかさっぱりわからん。誰か教えてください

2017/07/20 15:04:16

trashtoy

似たようなチャレンジを今まで何度か見てきたけどこれが一番クオリティ高かった

2017/07/20 15:06:21

rryu

盛り盛りの部分はtext-shadowだけで出来ててtext-shadowすごい。後は金属光沢のグラデと斜めの照りのグラデを重ねてるっぽい。

2017/07/20 15:06:33

muchonov

コンテンツとデザインの分離！

2017/07/20 15:09:51

IDLOCK

これはすごい

2017/07/20 15:21:45

tyosuke2011

5000兆欲しい！

2017/07/20 15:30:36

SigmaG2

職人技を見た

2017/07/20 15:32:13

haruten

5000兆円

2017/07/20 15:37:11

diabah_blue

おかげさまで、「838861枚ほしい！」という画像を作ることができた。

2017/07/20 15:46:04

zettaimuri

ここまで出来るんだなあ

2017/07/20 15:48:17

Kototy25

「北斗の拳」というワードにぴったり。

2017/07/20 15:51:47

htnmiki

しゅごい……

2017/07/20 16:00:31

neogratche

ぼくらパンピーにも分かりやすいよう誰か説明して

2017/07/20 16:04:54

tsutsumi154

美しい

2017/07/20 16:06:31

umai_bow

SVGでやろうよ〜

2017/07/20 16:14:22

kvx

すごい

2017/07/20 16:16:34

xKxAxKx

便利

2017/07/20 16:17:27

nunune

これスクショ取って、Photoshopで背景切り抜けば、透過png or gifの文字画像が作れる万歳！()

2017/07/20 16:19:45

vlxst1224

この手のネタはよくやったなと思うのと同時にセレクタ名に笑ってしまう

2017/07/20 16:20:04

taka37564

おもしろい。こんなことできるんだ。

2017/07/20 16:20:40

rjge

すごい。美しい。

2017/07/20 16:25:06

maruhoi1

これは便利そう

2017/07/20 16:25:41

app2641

これはこれですごいんだけど、オリジナルを見るとやはり輝きが違うというかなんというか

2017/07/20 16:26:16

nobby81

ありそうでなかったやつかな。たまに5000兆円欲しい時があるので活用したい／これAndroidではちゃんと見えてるのかな？

2017/07/20 16:26:17

nimi0370376

これはすごい。cssが自由自在な人尊敬

2017/07/20 16:28:25

timetrain

とんでもなくすごいんだけど、昔のfontタグでのレインボーアートを罵倒した果てのCSSがやはり同じ所に行き着いてしまったような無常感も覚える。

2017/07/20 16:29:26

sakimoridotnet

ワロタｗ

2017/07/20 16:47:52

anoncom

いつか誰か作るだろうと思っていたけどすごい

2017/07/20 16:48:52

strategy-pm

cssに無限の可能性を見た。すげー。

2017/07/20 16:49:14

sai0ias

変態的CSS

2017/07/20 16:49:57

honeybe

こういう無意味/無駄なの好き

2017/07/20 16:50:56

kuracom

熱い情念が伝わってくるソース

2017/07/20 16:54:15

Knoa

よーわからんけど、このtext-shadowモリモリなcssを自動生成するjs(か何か)こそ求められているのでは？

2017/07/20 16:55:09

kitamati

このCSS書けるセンス欲しい！

2017/07/20 16:56:52

ryuukakusan

なんぞこれ

2017/07/20 16:58:32

nozipperar

CSSの糞さを表しているようだ　　画像で作った方が速いな

2017/07/20 17:02:18

komachiyo

これはすごい（らしい）

2017/07/20 17:02:25

cafeduck

すっげーw cssでココまで出来んだ。

2017/07/20 17:02:48

butter_curry

やだすごい

2017/07/20 17:05:41

asyst

すごい職人芸だ

2017/07/20 17:06:49

pacotch

5000兆円ほしい人、お京半。

2017/07/20 17:08:18

tanakh

なんか輝きが足りない気がする（贅沢）

2017/07/20 17:11:50

bfms350

5000兆円がコモディティ化した瞬間である。／それにしても便利だなこれ。使うかどうかは知らんが。

2017/07/20 17:13:07

BOOOOOOOON

感動した

2017/07/20 17:14:19

namai

なにこの謎の努力w

2017/07/20 17:17:16

cheapcode

5000兆スターほしい！！

2017/07/20 17:19:47

WANPA

これはすごい。http://css3ps.com/　ここまでは出来ないけどcss3psも便利だよ。

2017/07/20 17:20:54

sharp_m

なんか金田一少年の事件簿のロゴを思い出したけど、確認したら大して似てなかった

2017/07/20 17:23:58

hennaojisan

すごく為にはなるけど新聞配達のおっさんにはなんの得にもならない。

2017/07/20 17:25:47

tespple

text-shadow芸だ

2017/07/20 17:37:49

masa-wo

流行ってるのか。

2017/07/20 17:40:01

kamanobe

なにこれすごい。

2017/07/20 17:42:14

subetewamamorubekiasueto

よくわかりませんが、５０００兆円手に入ったらおそらく死です。お金は無いからこそ人はがんばるので。ありすぎも良くない。そりゃ少しはあるに越したことはありませんが（笑）

2017/07/20 17:48:29

affable_noise

なぜこれをcssで…笑

2017/07/20 17:49:05

YukeSkywalker

苦労の跡が読み取れる。

2017/07/20 17:56:04

mebiusplus

凄い職人芸だ…

2017/07/20 18:04:37

hinaho

これはすごいから子供銀行の五千兆円あげます

2017/07/20 18:08:07

serio

この技術を使えば「画像謝罪文と見せかけて、実はCSSで装飾した画像ぽい文字謝罪文」も作れそうｗ

2017/07/20 18:08:29

djwdjw

すごい

2017/07/20 18:10:36

kasumiYohsinari

いつ使おうかな！

2017/07/20 18:10:40

sue445

便利cssだ！

2017/07/20 18:11:28

countif33

すごい。

2017/07/20 18:13:07

fukken

最新のCSSハックの無駄遣い

2017/07/20 18:13:48

Chisei

かっこいい

2017/07/20 18:16:43

punychan

予言: 任意の文字装飾をCSSに変換するエディタを作る変態職人が登場する。

2017/07/20 18:40:06

junjun777

2017/07/20 18:42:56

ok723

これはすごい（笑）セレクタ名でふふってなった。ブログで使ってみたいな～。笑

2017/07/20 18:45:44

u8beeeaaat

すごい。とんでもない。

2017/07/20 18:47:06

go2heven

どこで使う？

2017/07/20 18:48:34

rxh

笑い堪えるのに必死。

2017/07/20 18:51:48

gla69

.go-sen-chou-yen{ } .hoshii { } くっそこんなのでwwww

2017/07/20 18:57:45

Journey

Extreme CSS

2017/07/20 18:59:03

nice_and_easy

作り放題

2017/07/20 19:04:27

younari

cssでここまでやれるのか。

2017/07/20 19:09:41

n-styles

VoQn++

2017/07/20 19:14:59

shoh8

ピュアオーディオ感出てきた

2017/07/20 19:19:23

gabill

本文に同意。

2017/07/20 19:21:50

koki-h

すげー。

2017/07/20 19:33:11

botp

オリジナルへのリンクをtarget="top"（もしくは_blank）にしてくれたらさらに完璧／target属性追加してくれてる！ありがとうございます！

2017/07/20 19:36:51

rotom

美しい

2017/07/20 19:45:09

okumuraa1

もう、最強

2017/07/20 19:54:29

yukairioishi

プロの犯行

2017/07/20 19:58:43

shiromatakumi

text-shadowとbox-shadowはいくらでも増やせるのが素敵。

2017/07/20 20:00:44

tailtame

Chromeじゃないと駄目なのかな

2017/07/20 20:07:04

poko78

これはなんなの？

2017/07/20 20:10:39

ks1234_1234

無駄に凄いな

2017/07/20 20:11:22

akio6o6

クオリティ高し

2017/07/20 20:12:23

roppara

すげー

2017/07/20 20:14:19

chiba1008

おちんちんランド開園もよろしくお願いします。

2017/07/20 20:26:43

verda

なんでもできるなほんとに

2017/07/20 20:31:01

hosiken

実用的だ

2017/07/20 20:33:12

dgen

text-shadowだとやっぱ暈けるね。cssの限界を感じた。

2017/07/20 20:33:59

th_6295

これが最先端のワードアート芸か

2017/07/20 20:35:48

ryumachi3

ちゃんとコピーペーストできて感動！

2017/07/20 20:46:47

shields-pikes

劇的 before: after:

2017/07/20 20:47:08

hkmaro

これすげー！

2017/07/20 20:51:28

Sediment

こんなことできるの

2017/07/20 21:02:06

nf_ban

ヤバいw 作りたい放題！

2017/07/20 21:21:03

yoshi-na

text-shadowの行数に笑ってしまう

2017/07/20 21:27:16

Hamukoro

なおIE

2017/07/20 21:28:31

cl-gaku

美しい

2017/07/20 21:47:03

okachan_man

すげえ、CSSでここまで装飾できるんだ

2017/07/20 21:50:51

tatsu-n

これを本文に適用すれば…

2017/07/20 21:51:01

AmaiSaeta

取り敢えず俺のCSS力はこれの5000兆分の1だという事は理解した。

2017/07/20 21:55:21

psfactory

5000兆円欲しい！.css

2017/07/20 21:55:24

ritena

すごい・・・この技術

2017/07/20 21:55:39

hase_done

これはすごい

2017/07/20 21:57:17

natu3kan

CSSの重ね合わせでここまでデザインできるんだな。

2017/07/20 22:03:15

funnnon

欲しい

2017/07/20 22:13:15

syobonslime

(´・ω・`)欲しい！！！

2017/07/20 22:16:07

hiro_87g

楽天で重宝されそう

2017/07/20 22:20:05

nilab

5000兆円欲しい！.css

2017/07/20 22:29:44

sannii

5000兆円欲しい！

2017/07/20 22:31:49

tarako3016

すごいけど私はもうフォトショでつくりたいわ…

2017/07/20 22:38:04

chankuri

努力の方向wすごい事は間違いない

2017/07/20 22:46:34

shintarowfresh

cssって便利だなぁ。

2017/07/20 22:47:59

wasai

欲しい

2017/07/20 22:50:56

hatz48

すごい

2017/07/20 23:00:03

vanbraam

codepen.ioについて後で調べる

2017/07/20 23:03:20

uittie

すごい。すごいのだけど、本物は色が深い

2017/07/20 23:35:30

miyako_a

使おう

2017/07/20 23:42:22

GOD_tomato

CSSの底力を見た

2017/07/21 00:19:42

tktkj

cool

2017/07/21 00:25:08

a006315851

一方ロシアは画像を使った

2017/07/21 00:25:24

kumaido

.go-sen-chou-yenで笑ってしまった、すごい

2017/07/21 00:26:49

fb001870

妙が分からん、残念

2017/07/21 00:31:47

hotu_ta

CSS芸が凄い

2017/07/21 00:32:52

slash_01

これはww

2017/07/21 00:52:53

yamada_uc

これがあればいつでも好きな時に欲しがれる。

2017/07/21 01:20:22

VoQn

Photoshop使おうね。便利だよ

2017/07/21 01:27:04

nekosann_08

シャドウ系の重ね掛けホント便利毎度お世話になってます！

2017/07/21 02:54:15

youichirou

CSSではここらが限界なのか、もうちょっと頑張ればオリジナルのソリッド感が出るのか、果たして。

2017/07/21 04:54:53

weep

負けました。　2ヶ月前に作った http://weep.jp/5000

2017/07/21 05:34:50

qouroquis

「俺は1000京円欲しい」「俺は1無量大数円欲しい」という小学生の集まりを見に来たのに。

2017/07/21 05:59:52

kiyo_hiko

草

2017/07/21 06:15:40

shikiarai

ぱねぇ

2017/07/21 06:17:51

iuhya

素晴らしい！

2017/07/21 06:42:21

kukky

暑いのに笑かすな

2017/07/21 07:11:54

John_Kawanishi

あのロゴだかフォントの文字がCSSってやつで作れるのか…

2017/07/21 07:40:20

djehgrtnlr

早速他人の金で焼肉が食べたいと打った

2017/07/21 07:50:38

aosiro

ワードアート感

2017/07/21 08:03:57

eriotto

「逆転裁判」とかはまりそう

2017/07/21 08:08:06

dowhile

5億円でいいから欲しい！

2017/07/21 08:14:53

lettuce0831

Canvas使ったやつの方が仕上がりきれい https://yurafuca.github.io/5000choyen/

2017/07/21 08:19:27

als_uz

ジェネリック5000兆円

2017/07/21 08:39:44

double_air

才能の無駄遣い感がすごい。

2017/07/21 08:41:46

iasna

最新の技術のはずなのに、昭和感がする。

2017/07/21 08:53:00

nappai1

.go-sen-chou-yen{}.hoshii{}に草

2017/07/21 08:58:16

sarukichi7

すごい。

2017/07/21 09:24:14

suzuki86

人類の英知だ

2017/07/21 09:25:36

BoiledEgg

これ楽しい

2017/07/21 09:37:42

wittro

.go-sen-chou-yen のネーミングセンスいいなｗ

2017/07/21 09:55:17

sumege

LPでこの技術求められたら萎えるわ。。。

2017/07/21 09:55:32

niship_0822

エモい

2017/07/21 10:06:19

toaruR

こういうのできるんでしょ？って言われると困る＼(^o^)／

2017/07/21 10:24:12

kuippa

すごいんだけどこれの元ネタがなんだかよくわからず置いて行かれてる感

2017/07/21 10:29:03

june29

便利

2017/07/21 10:49:16

richard_raw

元ネタ知らないけど、CSSでここまで作り込めるのか……。

2017/07/21 11:11:12

nadatomokkya

すごい

2017/07/21 11:11:59

minaduki_6

ネタに無駄遣いできる技術力が欲しい！

2017/07/21 11:39:01

ssskkk105

5000兆円欲しい！すごいなこれ

2017/07/21 11:41:06

koyuki_ikeda

欲しい

2017/07/21 12:08:25

misakiushida

その1万分の1でいいから、くれぃ

2017/07/21 12:42:19

kagioo2uma

これをCSSで作れると思ってなかったからくやしい

2017/07/21 13:13:32

lapk

そういやこういうのphotoshopで作ってcss書き出ししたらうまいこと再現されるのかな

2017/07/21 13:49:39

takun71

cssで再現だと…!？

2017/07/21 17:01:47

nunnnunn

おちんちんランド開園

2017/07/21 18:43:17

yohskeey

すごいCSS芸だ（Edgeではうまく表示されない）

2017/07/23 15:59:19

lait_9baka

text-shadowが凄いことになってる(こんなんどうやって書いたんｗ

2017/07/24 16:17:17

UDONCHAN

すご

2017/07/25 08:29:19

nasunori

前見たときより再現度上がっててびびる。CSS3すげえな……