2013-05-07から1日間の記事一覧
擬似クラス a要素を対象とする :link、:visited、:hover、:active の4つ :link と :visited はa要素のみに使用できる擬似クラス ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>擬似クラス</title> <style> a:link { color: green; } a:visited { color: gray; } a:ho…</meta></meta></head></html>
CSS3アニメーション CSS3アニメーションで、背景を変えたり、ボタンをバウンドさせたり、画像をフェードやフリップで表示したりなどをコピペで実装できるライブラリ、緩急をともなったイージングやトゥイーンの微調整を設定できるオンラインツール 【CSS】コ…
マーキー 左右や上下にスクロールする文字や画像を表示する ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>角度を変更した要素のマーキー</title> <link rel="stylesheet" href="css/style100.css" media="only screen and (max-width:480px)"> <…</link></meta></meta></head></html>
水平移動（連続移動背景） 画像の横幅が移動するために要する時間を設定する/li> ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>無限背景</title> <script src="http://html5shiv.googlecode.com/svn/ttunk/html5.js"></meta></meta></head></html>
