投稿日： 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だけで画像をテキストの形に切り抜き表示してみる

面白かったのでメモ。テキストの形に切り抜くやつです。どこかで使えそう。目次1 まずはhtml2 cssを追加します。3 テキストの背景指定もまずはhtml 何でもいいので適当なクラスか何かあた ...

: jQueryで実装！画像の無限ループスライダー

よくサイトで見かけるイメージ画像がひたすら流れるやつをサイトに実装したいと思い調べたところ、下記のサイトに使いやすそうな無限ループスライダーがあったので実装。 jQueryで無限ループスライダー目次 ...

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

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

: tableのwidth幅指定のメモ

サイト制作している時、時々テーブルを使うけどIEやfirefoxでwidth指定がきかなかったので対応のメモ。 thやtdに対して幅を指定する場合 Chromeならcalc();が使えるけど、IEで ...

: スライドショーの画像を切り抜いたように表示する

よくあるスライドショーで上だけ丸みを帯びていたり、波打っていたり、三角になっていたりとフレームの中でスライドショーが動いてるやつがやりたくて調べていたところ意外と簡単にできることがわかった。次回 ...

タグ

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

最近の投稿