ナビゲーションを傾けたい

これが活かせるテンプレートは本当に限られています!

使わない方がいいテンプレートの方が多いですからね?

Cicagoテンプレートを利用した例

縦方向に傾ける

<style type="text/css">    

.cc-nav-level-0 li a{

    border-radius:100% !important;

    padding:.5em 2em  !important;

    transform:skew( 0deg , -10deg );

}

</style>

横方向に傾ける

<style type="text/css">    

.cc-nav-level-0 li a{

    transform:skew( -10deg , 0deg );

}

</style>

オススメしているわけではないですよ。

どちらも決してオススメはしません。

ただ、やってみたいという欲求にはお応えしたいので、あえて、ご紹介しておきます。


ただし!!
Jimdo Tipsはこれだけでは終わりません。

マウスを当てた時だけ斜めに

.cc-nav-level-0 li a:hover{    

    transform:skew( 0deg , -10deg ) !important;

}

.cc-nav-level-0 li a:hover{    

    transform:skew( -10deg , 0deg ) !important;

}

これだけ??


これだけです!!


ナビゲーションを傾かせるのに適したテンプレートは、わずかしたありません。
ご使用になるときは、動作をチェックしてからにしましょう!!

▼ タグの貼り付け方はここ マウスを当てると画像が開きます。

この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。
メールアドレスを入力して登録ボタンを押してください。

株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422