コンテンツへスキップ

CSS note

ワードプレステーマとCSS

Shrunk Expand

メインナビゲーション

  • CSS イベント
  • テキスト
    • 縦書き
  • WordPress
    • gutenberg　PHP
    • gutenberg　CSS
  • 投稿一覧
←過去の投稿新しい投稿→

  • CSS カスタムプロパティ

    カスタムプロパティを使えるブラウザが増えてきました。SCSSやLESSのように、変数を使うことが出来つつあります。

    mixinもかけるようになると、うれしいですが、そうなればなったで、CSSは、より複雑なものになっていくのでしょうね。

    続きを読む→ 投稿 ID 3212


    投稿日: 2016 年 7 月 tenman
    投稿グループ 未分類

  • イレギュラーぽいボーダー

    This is my paragraph. Like my border? This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border?

    border-radiusを使って、角丸ではなく落書き風にボーダーをデザインするテクニック

    HT ...


    投稿日: 2016 年 7 月 tenman
    投稿グループ 未分類

  • background clip, mix blend mode

    Hello World


    投稿日: 2016 年 7 月 tenman
    投稿グループ テキスト

  • 夜空 CSS3

    続きを読む→ 投稿 ID 3212


    投稿日: 2016 年 7 月 tenman
    投稿グループ 未分類

  • Sonar Effect

    個別投稿で表示してください


    投稿日: 2016 年 7 月 tenman
    投稿グループ 未分類

  • 降順で、リストを表示する

    1. Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    2. Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    3. Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    <ol reversed> <li>Lorem ipsum dolor sit amet, consectetur adipiscin ...

    投稿日: 2016 年 7 月 tenman
    投稿グループ 未分類

  • @counter-style

    この記事は、firefoxブラウザで表示してください

    • Twenty ten
    • Twenty twelve
    • Twenty thirteen

    HTML

    <span class="firefox-only rd-alert-bg pad-s corner">この記事は、firefoxブラウザで表示してください</span> <ul> <li class="items">Twenty ten</li> <li class="items">Twenty twelve ...

    投稿日: 2016 年 6 月 tenman
    投稿グループ 未分類

  • form 表示と非表示

    例


    Milk
    Butter
    Cheese

    続きを読む→ 投稿 ID 3212


    投稿日: 2016 年 6 月 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
    投稿グループ ボタン

  • CSSページング　ナビゲーションスタイル試行

    続きを読む→ 投稿 ID 3212


    投稿日: 2016 年 6 月 tenman
    投稿グループ 未分類

  • CSSによるナビゲーションメニュー

    123456

    111

    222

    333

    444

    555

    666

    このサンプルは、数字をクリックすると、赤い3桁の数字を表示するだけのサンプルですが、応用するとWordPressのアーカイブ等のページングなども作ることが出来ます

    CSS ページネーション

    CSSでページングするメリットは、WordPressがページングに使用するクエリ―文字列の制約を受けない点です。サンプルは、ge ...


    投稿日: 2016 年 6 月 tenman
    投稿グループ 未分類

  • hoverした後にn秒間表示をし続ける CSS

    https://github.com/tenman

    🔍

    続きを読む→ 投稿 ID 3212


    投稿日: 2016 年 6 月 tenman
    投稿グループ 未分類

投稿のページ送り

前へ 1 … 12 13 14 … 47 次へ


©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