sounansa.net

CSS | sounansa.net - Part 2

折り畳んだり、ペロンとめくったり、アニメーションで動くhoverエフェクトをCSSで実現する方法

マウスhoverのアニメーション効果のTipsとして面白いと思ったので紹介。写真画像にマウスを載せた時に、クシャッと折りたたんだり、ペロンとめくる動きをつけます。マウスhoverに対するわかりやす...

CSSっていろんな図形が作れるのに感動です。これまでにも丸やハートなんてのをCSSだけで作成してきましたが、今度は星型のギザギザのバッジを作成します。 HTML CSS...

CSSで試しにハートを作ってみました。丸や三角がCSSで作れるなら、ハートだっていけるでしょ。てなノリで作ってみました。 HTML CSS 使いどころは正直微妙です。画像に比べ大きさを気にしなくと...

最近よく見かける丸い写真のデザイン。特にプロフィール写真とかで多用されていますね。フラットデザインの潮流で、僕もスマホのハイブリッドアプリのデザインとかでも利用することが多くなりました。丸くするの...

CSS3って便利だけど使いどころがない機能も多いです。中でも、CSSのフィルターは画像を直接加工してしまったほうが早いので、あまり使われていない機能だったりします。そりゃそうですよね。Photos...

コンテンツのページを分けて読ませるときに使うページャーのボタンとか、スマホのヘッダーで戻るボタンとして見かけるホームベース型の五角形のボタンをCSSで作成してみました。画像で作成することも多いのです...

楽天アフィリエイトの商品リンクがダサいなあと感じていたので、もう少しオシャレにできないかとCSSで手を加えてみました。楽天アフィリエイトの画面上で生成したリンクコードを改変することは禁止されています...

最近のデザインの流行から、写真をぼかしてキービジュアル画像の背景などに使う機会が増えてます。どんなにヘボイ写真でも、かっこいいデザインに仕上がったりするからと、とりあえずぼかしておけと言われることも...