投稿日： 2017年4月27日

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

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

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

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

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

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

: webサイト制作時に役立つ！メインカラーを元にカラーを選べるサイト

web制作する時にカラーの組み合わせを調べたい時、色々なジェネレーターはあるけどたとえばメインカラーがすでに決まっていてそれに合うカラーが知りたい時ってないですか？私は結構あります。で、ジェネ ...

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

目次1 スタイルなどの装飾1.1 ボタンのホバーアニメ1.2 角丸とシャドウのジェネレーター1.3 グラデーションジェネレーター1.4 CSS三角形作成ツール1.5 吹き出し作成のジェネレーター1.6 ...

: 画面の縦幅いっぱいに背景画像を表示する

画面全体に背景画像を表示するには、 background:url('画像を指定'); background-size:cover; でできますが、いやいや、一画面だけでなくその下にもコンテンツがあっ ...

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

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

タグ

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

最近の投稿