[jQuery] アニメーションしながら開く「続きを読む」をjQueryで実装する

[jQuery] アニメーションしながら開く「続きを読む」をjQueryで実装する

対応ブラウザ 対応 対応 対応 対応 対応 対応 2017.09.28 記事内容を大幅に修正しました。 CSSのみで実装する場合 [CSSのみ] 続きを読むボタンをCSSで実装する アニメーションする必要がなければCSSでいけます。 jQueryで実装する 長い文章を3行ぐらいで切っておいて、続きを […]

web
[jQuery] マウスが乗っていない要素に効果をつける

[jQuery] マウスが乗っていない要素に効果をつける

jQueryのnot()メソッドを使用して、マウスが乗っていない要素がぼやけるような効果をつけてみます。 デモはこちら ソース HTML <ul id=”fade”> <li><a href=””>link1</a></li> <li […]

web
[CSS] テキスト選択時の文字色・背景色を設定する

[CSS] テキスト選択時の文字色・背景色を設定する

対応ブラウザ 対応 対応(-moz-) 9~ 対応 未対応 4.4~ テキストを選択(反転)した時のスタイルを指定するには、::selection擬似要素を使用します。 Firefoxは、ベンダープレフィックス付きの::-moz-selectionを指定しないと適用されないので注意してください。 I […]

web
[CSS] 傾斜したグローバルメニュー

[CSS] 傾斜したグローバルメニュー

対応ブラウザ 対応 対応 9~(-ms-) 対応 対応 対応(-webkit-) 斜めになった横並びメニュー Codepenに面白いカタチのメニューがあったので、試してみました。 CSS3のtransformプロパティを使用するため、対応ブラウザは各モダンブラウザとIE9+。 ※CSSは最低限必要な […]

web
[CSS] フォントのアンチエイリアス設定

[CSS] フォントのアンチエイリアス設定

対応ブラウザ Macのみ Macのみ 未対応 未対応 未対応 未対応 CSSでフォントのアンチエイリアスを調節する CSS3のfont-smoothingプロパティを使用することで、フォントのアンチエイリアスを調節することができます。 ※Windowsはブラウザに関わらず対応していません Mac版の […]

web
全2ページ中 2ページ12