読者です 読者をやめる 読者になる 読者になる

N-takデザインブログ

WEBで培った作品や技術を公開しています。

CSS

CSSだけでリンクをふわぁっとさせる方法

作業メモ デモ ↑マウスを重ねてみてね。 このCSSだけで、リンクにマウスが重なったときゆっくり切り替わります。 /*--テキストリンクはゆっくり色が変わる--*/ a:hover{ -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-trans…

on/offで簡単に画像がゆっくり切り替わるjQuery

// 作業に使ったメモです。 DEMO 画像がゆっくり切り替わります。 1.画像の用意 画像の末尾は以下のようにして下さい。 ○○○_off.拡張子(変更前) ○○○_on.拡張子(変更後) 2.jQ 以下はコードです。 ヘッド内に、 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> を記述し以下を外部ソースか、同じHTMLヘッ…

好みのフォントでホームページをカスタマイズする方法

久々の更新です。 今回は、自分のサイトなどを好みのフォントに変更する方法です。 CSSを使えば、文字の表示に使ってほしいフォント名を指定できます。