【CSS】カードをめくる その２ - Little Strange Software
どうも！LSSです！！ 先日の記事、 の内容をちょっと扱いやすく？しました^^ サンプル（カードをクリックしてみてください） コード コード解説（デザイン変更について） カードサイズ指定部分 カード背面デザイン部分 カード表面デザイン部分 JavaScriptを使用せずに、カードの表裏を管理するのは ちょっとつまづいたところ サンプル（カードをクリックしてみてください） 当ブログに ご訪問いただき 誠にありがとう ございます^^ ＬＳＳ コード <style><!-- .card{ position:relative; perspective:500px; } .fuda{ position:absolute; display:inline-block; transition:2s; backface-visibility:hidden; border-radius:15px; } .cs
記事を強調したいときに便利なスクロールするマーカー - 雨のち晴れ
@パパです。こんにちは。 今回はスクロールするマーカーを導入してみましたので、ご紹介します。 今回参考にさせていただいたのはＮＯＲＩＬＯＧさんのホームページです。 noripon.blog もちろん「Open Live Writer」を使って、便利にブログ記事を作成する方法もお伝えします。 「Open Live Writer？」という人は、是非この記事をご覧ください。 meipapa.hatenablog.jp meipapa.hatenablog.jp スクロールマーカーとは スクロールマーカーの作り方 jQueryの導入 CSSの貼り付け 「Open Live Writer」の設定 さいごに スクロールマーカーとは スクロールマーカーはこのようなマーカーが自動で引かれるものです。 記事がその場所を訪れると左から右へマーカーがスクロールします。 ただ、１回切りなので見落としてしまうと、マ
【はてなブログPro専用】記事内「ボタン7種類」公開#002 - 花太郎BLOG
こんにちは、会社員しょこちゅんです🤗 さて、まだ前回の記事を読んでない方はこちらからチェックしてください。 今回は前回の記事を元に引き続き7パターンのボタンを紹介していきます！ 前回の設定を引き継ぐ部分がありますので、まだ見てない方は前回の記事から見てください。 前回の記事を見る▶ 前回の応用となりますので、この記事では、それぞれのボタンを「HTML編集」に貼り付けるタグだけを一気に記載していきます。 それでは、さっそく見ていきましょう(^^) ｵｰｯ 01.【BOTTON1】 02.【BOTTON2】 03.【BOTTON3】 04.【BOTTON4】 05.【BOTTON5】 06.【BOTTON6】 07.【BOTTON7】 最後に 01.【BOTTON1】 ボタンの上にマウスを合わせて見てね▼サンプル▼ BUTTON1 <style type="text/css"><!-- /*
【はてなブログPro用】記事内CSSで「ボタン設置」#001 - 花太郎BLOG
こんにちは、会社員しょこちゅんです🤗 コメントでサイトのカスタマイズを褒めて頂くことが何度かありました。 元々、制作の仕事をしておりますので、デザイン面だったりを褒めていただけると本当に嬉しい限りです。 そして、褒められた勢いのまま調子に乗ろうと思います。 今回は、はなてブログのブロガー様用に、私が自分のサイトで行っている色々な設定方法をお伝えしたいと思います。 （本来、こっちは専門分野ではないのですが…） 参考サイトは、こちらで紹介されてるボタンを「はてなブログ記事内での方法」で記載しなおしていきます。 saruwakakun.com※上記のサイトの中でいくつか抜粋しています。 では、さっそくやってみよー。ｵｰｯ 記述箇所 ボタンの表示名の変更 マウスを合わせた時に反応する速度を調整したい。 文字色や背景色などを変えたい リンク先を指定したい 最後に、注意点 ちょっと長くなってしまった
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
