shgam https://blog.hatena.ne.jp/shgam/ Studyplus Engineering Blog https://tech.studyplus.co.jp/ CSS こんにちは。ForSchool事業部の石上です。だし巻き卵が好きです。 やりたいこと さて、今回はCSSで遊ぶだけの記事です。以前、RubyWorld Conferenceへ参加させてもらった際、自社ブースでStudyplusのロゴに付箋をはっつけてベストRuby本を投票してもらうみたいなやつをやっていたことがあります1。あれをオンラインでやれたら面白そうだなと思ったのですが、思っただけで何もしていませんでした。今回それをふと思い出したので、ロゴをCSSで描いてみようという感じです。 ロゴを見てみる ロゴを見てみると、長方形と三角形、そしてそれらを傾けて並べることが必要そうです。ひとつずつやっ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.studyplus.co.jp%2Fentry%2F2020%2F03%2F24%2F095506" title=" HTMLとCSSでStudyplusのロゴをざっくり描いたり動かしたりする - Studyplus Engineering Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://s3-ap-northeast-1.amazonaws.com/esa.s3.prod.lithium.studylog.jp/uploads/production/attachments/8682/2020/03/16/34218/ba1136c3-6f7a-45cf-a472-984ea2bb0ea6.png Hatena Blog https://hatena.blog 2020-03-24 09:55:06 rich https://tech.studyplus.co.jp/entry/2020/03/24/095506 1.0 100%