投稿日： 2017年4月27日

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

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

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

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

: 動画や連続写真からのアニメーションgifの作成

アドビのサイトにとっても分かりやすく説明されていたアニメーションgifの作り方。連続写真や動画から簡単に作成できます。アニメーションgifの作成方法動画の再生やアニメーションgifのサンプル作成 ...

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

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

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

目次1 やりたいこと2 タグを設置3 画像にクラスを付与4 スクリプトを記載5 スタイルを記載6 完成！やりたいこと画像のポップアップがしたい！タグを設置 html内であればどこでも良いので、ポ ...

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

目次1 やりたいこと2 原因3 対策3.1 対策13.2 対策23.3 問題点やりたいこと Videoファイルが横長で見にくいので縦幅を調整したい原因 Video要素のobject-fitがデフォ ...

: cssでlistのborderを斜め線にする

このサイトのメニューでも使ってますが、やってみたかったけどなかなか方法が見つけられなかったリストの区切り(border)を直線でなく斜め線にする方法。目次1 まずはHTMLでメニュー作成2 スタイル ...

タグ

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

最近の投稿