SVG アイコンを CSS 変数とか併せて良さげに使う | Basicinc Enjoy Hacking!
こんにちは。@rigani_c です。 みなさん、SVG 吸ってますか？ SVG 吐いてますか？ Web ページ上で自前の SVG アイコンを使用するときの良さげな手法を持ってきました。 結論からいうと SVG スプライトを use タグ使って id 指定で呼んで CSS 変数でスタイルを変更する。更に currentColor 使うと WebFont っぽくなって最高 です。 環境は macOS Mojave の Chrome 70 です。 それではご査収ください。 本記事で SVG アイコンに求めたいこと 以下の通りです。 Web サイト内共通の CSS でパーツごとに色を変えられる ページの表示を阻害しない 修正や管理が楽にできる（@rigani_c 的に） これだけ満たしていれば御の字ですね！ そもそも SVG ってそんなにええのん？ めっちゃいいです。 PNG で 50KB とか
おっこが自分で気付き、成長していく過程が大事 「若おかみは小学生！」脚本・吉田玲子インタビュー - ねとらぼ
交通事故で両親を亡くした小学生の女の子・おっこ（関織子）が、祖母の温泉旅館「春の屋」で若おかみ修行に励み、成長・自立していく。アニメーション映画「若おかみは小学生！」（以下、若おかみ）は、そのかわいらしいタイトルとは裏腹にハードかつハートフルな物語で、9月21日の公開以降、劇場を訪れた多くの観客の涙を誘っています。 公開直後には上映を打ち切る劇場が出てくるなど苦戦を強いられましたが、熱心なファンを中心に映画の感想や、主人公のおっこやグローリー・水領といった人気キャラクターのファンアートが次々とアップされるなどSNSで口コミが拡散。反響の大きさに復活上映する映画館も出てくるなど、異例の盛り上がりを見せています。海外でも高く評価され、10月23日には韓国で開催された「第20回プチョン国際アニメーション映画祭（BIAF2018）」の長編部門で、2016年の「君の名は。」以来となる優秀賞・観客賞の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
