タグ

CSSに関するnakunaruのブックマーク (6)

  • ゴーストボタンと相性が良さそうなホバーエフェクト 10+ - NxWorld

    メモしていたものが溜まってきて一覧化したのでシェアします。 以前にもCSSのみでボタンデザインやホバーエフェクトを実装できるエントリーを書きましたが、今回はCSSのみで実装するゴーストボタンと相性が良さそうなホバーエフェクトのサンプルです。 もちろんゴーストボタンに限らず様々なタイプのボタンで使用でき、対応しているブラウザであればコピペで簡単に実装できると思うので、気になるエフェクトがあれば是非使ってみてください :) 閲覧の際にChromeまたはFirefoxで見てもらえるとほぼ問題なく動きの確認ができると思いますが、ブラウザによって動きや見栄えが説明と異なる場合があります。

    ゴーストボタンと相性が良さそうなホバーエフェクト 10+ - NxWorld
    nakunaru
    nakunaru 2015/05/23
  • 【CSS】ul,olのリストを横並びにするときにfloatじゃなくてdisplay:inline-blockを使う方法 - ディレイマニア

    ul,olのリストを横並びにするとき、floatを使う人も多いと思いますが、僕はdisplay: inline-block;を使って横並びにする方法が好きで良く使ってます。 先日初心者向けのHTML,CSSのマークアップ勉強会にて、このプロパティを知らない方が多くて驚きました。 おそらくこの方法を知らない人がまだまだいると思われますのでご紹介します。

    【CSS】ul,olのリストを横並びにするときにfloatじゃなくてdisplay:inline-blockを使う方法 - ディレイマニア
  • Bootstrap from Twitter ver1.3.0の使い方を日本語解説して簡単css (web)デザイン - end0tknr's kipple - web写経開発

    この解説ページ群の目次 url トップ(このページです) bootstrapの概要「等」 入手と設置(install) http://d.hatena.ne.jp/end0tknr/20111016/1318730072 グリッドシステム http://d.hatena.ne.jp/end0tknr/20111016/1318731266 (固定/可変)レイアウト http://d.hatena.ne.jp/end0tknr/20111016/1318732238 テキスト(ヘッダ, リスト, インラインラベル) http://d.hatena.ne.jp/end0tknr/20111016/1318750736 テーブル http://d.hatena.ne.jp/end0tknr/20111016/1318777018 フォーム、ボタン http://d.hatena.ne.jp/

    Bootstrap from Twitter ver1.3.0の使い方を日本語解説して簡単css (web)デザイン - end0tknr's kipple - web写経開発
    nakunaru
    nakunaru 2012/02/06
    ちょっと古いバージョンだけどとりあえず導入方法
  • 『IE6だけにCSSを適用する』

    【たかはしくにこ】パワーストーンで幸せになる活用術 『愛と幸せを引き寄せる 癒しのパワーストーン事典』の著者たかはしくにこオフィシャルブログ。パワーストーンで幸せになる活用術 役に立つパワーストーンの情報をお送りしています。 くーにーです♪ ようやく!!!!タイトル画像の下にメニューバーをつけることが できました~(パチパチっと)。 タイトル画像の下にメニューを追加して、 スマール、タイドプール、プロフィールへ飛べるようにしてみました。 マウスオーバーすると、画像の色が変わります。 JavaScriptを使わずにCSSで画像を変える方法は http://ameblo.jp/tidepool/theme-10008289876.html ↑過去のエントリーを参考にしてくださいね。 そして、今回のメニューバーでちょーーーー手間取ったのが、 IE6とFF(FireFox)で、メニューバーの位置が

    『IE6だけにCSSを適用する』
  • スタイルシート CSS リファレンス[カテゴリー一覧] - TAG index

    ページ全般 ページの背景色、背景画像、マージン、スクロールバー、印刷 ... ボックス ボックスの背景色、背景画像、マージン、パディング、境界線、配置 ... テキスト・フォント 文字サイズ、文字色、装飾、行間、インデント、文字間隔、改行の扱い ... リンク リンク文字の色、リンクの下線、ポイント時の装飾 ... リスト マーカーの種類、画像のマーカー、リストの余白、間隔、配置 ... イメージ 画像のサイズ、切り抜き、画像に並ぶテキスト、回り込み ... テーブル 表の大きさ、表の背景、境界線、セル内の位置指定、回り込み ... フレーム インラインフレームのサイズ、境界線、フレーム内の指定 ... フォーム 入力欄の大きさ、背景、境界線、文字サイズ、入力モード ... フィルタ 半透明、グラデーション、影付け、発光、波状、反転、サンプル一覧 ...

    スタイルシート CSS リファレンス[カテゴリー一覧] - TAG index
  • cssの情報・まとめ

    cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツールオンラインのcssツール。 CSS Validation Service / W3C検証サービス日語版RoundedCornr / 角丸のHTMLCSSコードを生成してくれるCSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できるCSS Builder / オンラインでスタイルを生成可能Spiffy Box / cssによる角丸を簡単に生成The Box Of

    cssの情報・まとめ
  • 1