コンテンツへスキップ

CSS note

ワードプレステーマとCSS

Shrunk Expand

メインナビゲーション

  • CSS イベント
  • テキスト
    • 縦書き
  • WordPress
    • gutenberg PHP
    • gutenberg CSS
  • 投稿一覧
  • カテゴリー別アーカイブ ボタン
  • CSSのイベントトリガー用のCheckbox CSS

    チェックボックスをCSSイベントのトリガーとして、表示コントロールをする場合 以下のように兄弟要素になっている必要があります 

    <input type="checkbox"...>
    <div id="target-box">
    ...
    </div>

    一般的なチェックボックスのスタイルは、以下のような構造でスタイルを当てることが多く

    <div>
     <input type="checkbox"...>
    </div>

    トリガーとして使う場合は、使い勝手が悪くなります

    以下のスタイル ...


    投稿日: 2016 年 7 月 tenman
    投稿グループ イベント ボタン
  • Morphing Button


    ボタンをクリックしてください

    続きを読む→ 投稿 ID 4150


    投稿日: 2016 年 7 月 tenman
    投稿グループ イベント ボタン
  • Raindrops ripple effect on color class , gradient class

    この投稿は、WordPressテーマ 「Raindrops 1.413」 のリップルエフェクトクラスを、従来からある color class,gradientクラスで組み合わせた場合の表示例です。

    color class

    color5color4color3color2color1
    color-5color-4color-3color-2color-1

    gradient class

    gradient4gradient3gradient2gradient1gradient ...


    投稿日: 2016 年 6 月 tenman
    投稿グループ ボタン


©2025 cssTheme URI: http://www.tenman.info/wp3/bootsDescription: Raindrops theme of child theme boots, which is the theme for a simple blog, but changing the settings of the customizer, and is scalable themes that can be used as a portal site. I Won’t Let You Down. Supported languages Japanese - JAPAN (ja) French - FRANCE (fr_FR) Polish - POLAND (PL) (pl_PL) Portuguese - BRAZIL (pt_BR)Author: TenmanAuthor URI: http://www.tenman.info/wp3/Version: 1.400Tags:black, blue, gray, brown, green, orange, pink, purple, red, silver, tan, white, yellow,dark,light,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready, post-formats, featured-images, full-width-template, fixed-layout, fluid-layout, responsive-layoutLicense: GNU General Public License v2.0License URI: http://www.gnu.org/licenses/gpl-2.0.htmlText Domain: bootsTemplate: raindrops 投稿フィード かつ コメントフィード Child theme CssTheme URI: Http://www.tenman.info/wp3/bootsDescription: Raindrops Theme Of Child Theme Boots, Which Is The Theme For A Simple Blog, But Changing The Settings Of The Customizer, And Is Scalable Themes That Can Be Used As A Portal Site. I Won’t Let You Down. Supported Languages Japanese - JAPAN (ja) French - FRANCE (fr_FR) Polish - POLAND (PL) (pl_PL) Portuguese - BRAZIL (pt_BR)Author: TenmanAuthor URI: Http://www.tenman.info/wp3/Version: 1.400Tags:black, Blue, Gray, Brown, Green, Orange, Pink, Purple, Red, Silver, Tan, White, Yellow,dark,light,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar, Custom-colors, Custom-header, Custom-background, Custom-menu, Editor-style, Theme-options, Threaded-comments, Sticky-post, Translation-ready, Post-formats, Featured-images, Full-width-template, Fixed-layout, Fluid-layout, Responsive-layoutLicense: GNU General Public License V2.0License URI: Http://www.gnu.org/licenses/gpl-2.0.htmlText Domain: BootsTemplate: Raindrops of レインドロップス テーマ
Lock Icon