サイト制作メモ

cssで作るタイトルやテキストの装飾色々メモ

投稿日:2018年7月5日 更新日:

タイトルの背景を斜めボーダーにしたい

タイトルの背景を斜めボーダーにしたい

タイトルの左右に画像を配置

デザインとしてはよくあるボーダーと、画像配置バージョン。

タイトルの左右に画像を配置
タイトルの左右にボーダー

タテキストにグラデーションをかけたい

テキストにグラデーションをかけたい。
複数行にした時、iphoneで2行目以降グラデが表示されずテキストも見えない現象が起こったが、グラデのテキスト切り抜きの指定が原因ではなくその他の書き方が原因だったようだ。

- サイト制作メモ

関連記事

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

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

fix cover あとはsection …

no image

tableのwidth幅指定のメモ

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

mmenuは初心者でも簡単に使えるjQuery plugin|スマホ用メニュー

スマホ用メニューを作成する時によく使っているのがjQuery pluginのmmenu あまりjQuery詳しくない私でも簡単に使えるところが気に入ってます。 オプションで色々設定もできるみたいなので …

cssだけで画像をテキストの形に切り抜き表示してみる

面白かったのでメモ。 テキストの形に切り抜くやつです。 どこかで使えそう。 まずはhtml 。 何でもいいので適当なクラスか何かあたえておいてください。 [crayon-5c3f05579e54515 …

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

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

翻訳する