投稿日： 2017年4月27日

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

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

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

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

: 背景画像を複数指定する方法(css)

背景画像を複数指定したい時があり調べてたところ順番にcssを指定するところまでは分かったけど書き方がよく分からない・・・複数背景の使用はよく使いそうなのでメモ。基本的には,(カンマ)区切りで続け ...

: サイトのタイトルを画像置換する方法

よくやり方忘れてしまうのでメモ。サイトのタイトルをh1とかで記述した場合それを画像置換するための方法は色々あって評価が分かれるので現時点でいいなと思っているものを。まずはhtml <h1 ...

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

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

: ページ読み込み時にフェードインのエフェクト【超簡単！】

jQueryの取扱が苦手な私でもすぐに実装することができたフェードインエフェクト。トップのイメージ画像の上にテキストをふわっと表示させたいなーと思い調べてたら、かなりシンプルな記述でフェードインエフ ...

: "Swiper"を使ったスライドで左右に画像を表示する

JQueryなしで動く"Swiper"という便利なプラグインを使ってのスライドショー。左右に画像を表示したい時の注意点をメモ。ダウンロードはこちらから swiper公式サイト使う中ですごく分かり ...

タグ

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

最近の投稿