CSSでモーダルウィンドウ(ポップアップ)表示する方法 投稿:2020年02月28日 お久しぶりです。 また大分期間が空いてしまいました。 最近は仕事が忙しくブログを書く時間が全然ありませんでした。 今回は仕事でポップアップウィンドウを作ることが多かったので忘備録と…
content で使える特殊文字コード CSS 投稿:2017年11月01日 content プロパティの値にコードを入れて、特殊文字を表示することができます。 コードは16進数に書き換えて contentの値には、数字が16進数コードを使用して下さい。 ス…
CSSでチェックボタンを大きくする方法 投稿:2017年10月31日 クライアントに 「チェックボックスを大きくして目立つようにしてほしい」 と言われたことはありませんか? transform:scaleを利用して大きくする方法もあるのですが、ブラウ…
iframe埋め込みでメニューなどと重なる、z-indexが効かない場合の対処方法 投稿:2017年07月23日 ランディングページ(以下LP)でスマホのバーガーサイドメニューをposition:fixed使って導入していました。 そこにYoutube動画をiframeを使って埋め込んだのです…
レスポンシブデザインを作る時の設定など 投稿:2017年04月26日 おはこんばんちわ ハクロンです。 レスポンシブデザインのサイトを作成するときの簡単な設定をいくつか書いていきます。 Vieportを設定する head内に下記のようなメタタグを書き…
CSSで評価★星を作る 投稿:2017年04月22日 星をクリックして評価を送信する仕組み HTML labelタグなのでsubmitするだけでデータを送信できます。 スポンサードリンク CSS ラジオボタンの仕組みをつかってdisp…
CSSのみで作る キャプションエフェクト 画像に動きを出す 投稿:2017年04月17日 マスクをかけるエフェクト figcaptionタグは、図表のキャプションを示す際に使用します。figure~/figureの中に配置すると、図表にキャプションを付けることができます…
コピペでCSS CSSだけでパララックスを作る 投稿:2017年04月03日 パララックスを作る Jsを使わなくても、CSSだけで簡単なパララックスなら作れます。 ぜひ参考にしてみてください。 ※下記はPCのみ対応方法です。 HTML とりあえずダミー文字を…
コピペでCSS 背景を動画にする HTML5のVIDEO要素 投稿:2017年03月13日 おはこんばんちわハクロンです。 CSSで背景を動画にする方法です。 結果 今回は既にこの投稿ページが結果です。 ブラウザが未対応でない限り既にこのページの背景が草原の動画になってい…
コピペでCCS 画像をだんだん拡大させるスライド 投稿:2017年03月13日 おはこんばんちわハクロンです。 CSSだけで作る画像をだんだん拡大させるスライドです。 以前紹介したtransformにnth-childで順番をつけ、animation-dela…
コピペでCSS よくある見出し作成 投稿:2017年03月10日 下線のあるタイトル HTML CSS 結果 よくある見出し1 下線を点線にしたタイトル HTML CSS 結果 よくある見出し2 上下線に挟まれたタイトル HTML CSS 結果 …
コピペでCSS よくあるプルダウンメニューボタンPC版 投稿:2017年03月09日 WEBサイトでよくあるプルダウンメニューです。 CSSでプルダウンメニューを作れます。 ※基本プログラム説明はPC対応までしかしていませんので、スマホだとおかしくなる場合があります…
コピペで使える CSSで作る動きのあるボタン transition 投稿:2017年02月25日 おはこんばんちわ ハクロンです。 transitionプロパティを使って動きを表現するボタン例です。 細かいtransitionプロパティの使い方はどこかでかけたら書きます。 こち…