投稿日： 2017年4月27日

簡単な背景画像のパララックス

jquaryをリンクさせる htmlファイルでsection毎に背景画像を設定 cssにて。

width:100%;
background:url()center center no-repeat fixed;
background-size:cover;

fix cover あとはsectionにmin-height(任意)

: 画像の拡大表示(ポップアップ)

やりたいこと画像のポップアップがしたい！タグを設置 html内であればどこでも良いので、ポップアップしたいページに以下のタグを追加する <div id="modal-contain ...

: 拡大してもボヤけない、アイコンフォントが便利すぎる

サイト作成の時にメニューアイコンを作っていたけど 3つのメニューのうち1つをアイコンフォント使ってたら表示の鮮明さに驚いた。他のアイコンはpng形式の画像だったけど全然違う。通常、画像でできたアイ ...

: cssで作るタイトルやテキストの装飾色々メモ

タイトルの背景を斜めボーダーにしたい斜めボーダー背景。色の組み合わせで色々な雰囲気がつくれる。ただ、背景に柄が入ると中のテキストが読みにくくなるので、色は注意！ HTMLは入れ子にしています。 ...

: サイト制作に役立つTips_リンク集

スタイルなどの装飾ボタンのホバーアニメバリエーションが豊富です。デザインのヒントに【保存版】CSSだけで作れるホバーアニメーションボタン総まとめ角丸とシャドウのジェネレーター見た目で調節した ...

: Video要素の縦横比を変更する

やりたいこと Videoファイルが横長で見にくいので縦幅を調整したい原因 Video要素のobject-fitがデフォルトでcontainになっている。 object-fit:fill;を指定してあ ...

タグ

name:ユズム
作業時間は平日9：30～17：00です。

最近の投稿