CSS

CSS

JSでパラパラ漫画を作ってみた。

JavaScriptの練習で、パラパラ漫画的なものを作ってみました。 作ったページはこちら。 JavaScriptで作ったパラパラ漫画。 ボタンをクリックで1コマずつめくるタイプ①と、 ボタンクリックすると最初から...
CSS

【CSS3分クッキング】ギザギザ丸、激安シール的なものを作ってみた。

ギザギザ丸とかをCSSで作るアイデア。 よくスーパーとかで見かけるおなじみの「半額シール」。 WEB制作でアレがそのままニーズあるかというと微妙ですが、文字などを変えればLPなどでは使える場合もあるでしょう。 特に今回は、ギザギザ丸を...
CSS

【プログラミング】今、取り組んでいる事と今後の目標 / Animate CSSについて

有料学習サービスの利用状況は・・・ progateはすでに退会していて、先月は一か月チョイだけpaizaというプログラミング学習サービスに登録していたのですが、こちらは自分には少し難しくて進めにくかったのと、サーバー系言語は充実して...
CSS

「ぷるん」としたアニメーションの追求!

「animated CSS」という、便利なライブラリがあるのを初めて知りました。導入はとても簡単で、プロっぽい動きを簡単に採用できそうです。 ・・・でも、animated CSSにはぷるんとした動きはない模様なので、 CSSの...
CSS

CSSアニメーションで、ぷるぷる動くスライムを作ってみた

何故か分からないけど、気が付いたら作っていました(笑) ぷるぷる動くスライム画像 「ぷるぷる動く」ってのをどうしても実装したくなり・・・しかし、一度始めたら、調べたり、思うように動かなくてさらに調べたりでけっこう時間を取られて...
CSS

サイト模写・奮闘記(インデントで思わぬ問題が・・・)

サイト模写で作った、マッサージ屋のサイトの「よくある質問」のページで、回答文の2行目以降も字下げ(インデント)になっている ←これを再現するため、以下のリンクを参考にしました。 Link・字下げを考慮したリストマークはflexと疑似...
CSS

<CSSで簡単!?>浮き上がるボタンを作ってみた

ネット検索でパクっただけですが、作ってみました! 浮き上がるボタンです どうだろう、浮き上がっているかな? ブログのデザイン設定で生じた、意外な問題点 下が黒だと、文字が白じゃないと読めない。記事の背景色が黒のカラ...
タイトルとURLをコピーしました