Making a CSS3 Animated Menu
In this short tutorial, we will be using the power of CSS3 effects and transitions, to build a JavaScript-free animated navigation menu which you can use to add a polished look to your website or template. We will be using some neat features such as the :target pseudo selector and :after elements. The HTML The first step is to define the HTML backbone of the website. We are using HTML5 tags extens
クリック率ã®é«˜ã„テã‚ストリンクã®è‰²ã¯ï¼Ÿã€2013年版】 | ウェブ力å¦
å‰å›žã¨ã®æ¯”較 å‰å›žã®èª¿æŸ»ã‹ã‚‰2å¹´åŠãŒçµŒéŽã—ã¦ã„る訳ã§ã™ãŒã€ä»Šå›žèª¿ã¹ãŸä¸ã§ãƒªãƒ³ã‚¯ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè‰²ã‚’使ã£ã¦ã„るサイトã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚リンクã®è‰²ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè‰²ã‚ˆã‚Šã€ã‚„ã‚„å¼±ã„é’色ã«ã™ã‚‹ã¨ã„ã†ã®ãŒæµ¸é€ã—ã¦ããŸã‚ˆã†ã«æ„Ÿã˜ã¾ã™ã€‚ NAVERã¨livedoorã®ãƒªãƒ³ã‚¯è‰²ãŒåŒã˜ã«ãªã£ã¦ã„ãŸã®ã¯çµŒå–¶çµ±åˆã®å½±éŸ¿ã§ã—ょã†ã‹ã€‚ ã¾ãŸã€ã€Œã¯ã¦ãƒ–ã€ã‚„「ã«ã“ã«ã“å‹•ç”»ã€ã®ã‚ˆã†ã«é’ç³»ã§ãªã„色を使ã£ã¦ã„るサイトもã‚ã‚Šã¾ã—ãŸã€‚ã¯ã¦ãƒ–ã¯ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«ã‚ˆã£ã¦å¤§ãã変ã‚ã£ãŸã®ã§ã™ãŒã€ãƒªãƒ³ã‚¯ã®è‰²ã‚’黒色ベースã«ã—ã¦ã„ãŸã‚“ã§ã™ã。調ã¹ã‚‹ã¾ã§æ°—ã¥ãã¾ã›ã‚“ã§ã—ãŸã€‚ 最é©ãªãƒªãƒ³ã‚¯ã®è‰²ã¯ï¼Ÿ 「リンクã¯é’色ã€ã¨ã„ã†èªè˜ã¯å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æµ¸é€ã—ã¦ã„ã‚‹ã®ã§ã€ä¸€èˆ¬çš„ã«ã¯é’色をベースã«ã™ã‚‹ã®ãŒç„¡é›£ã¨è¨€ãˆã¾ã™ã€‚具体的ã«ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè‰²ã ã¨å°‘ã—é’ãŒå¼·ã™ãŽã‚‹ã®ã§ã€ã‚„ã‚„â€é’â€ã‚’å¼±ãã—ãŸè‰²ãŒã„ã„ã§ã—ょã†ã€‚ 但ã—ã€ã‚µã‚¤ãƒˆã®ã‚¸ãƒ£ãƒ³ãƒ«ã«ã‚ˆã£ã¦ã¯é’色をé¿ã‘ã‚‹ã¨ã„ã†ã®ã‚‚一ã¤ã®é¸
Web標準仕様 日本語訳一覧
CSS メディアクエリー ç”»é¢ã‚µã‚¤ã‚ºãªã©ã€åª’体ã®æŒã¤ç‰¹å¾´ã‚’利用ã—ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹ãŸã‚ã®ä»•çµ„ã¿ã‚’æä¾›ã—ã¾ã™ã€‚ 原文: “Media Queries†(W3C Recommendation 19 June 2012) セレクタ Level 3 :nth-child()ã‚„:not()ãªã©ã€æ–°ã—ã„セレクタを定義ã™ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã™ã€‚ 原文: “Selectors Level 3†(W3C Recommendation 29 September 2011) CSS åå‰ç©ºé–“モジュール CSSã§åå‰ç©ºé–“を扱ã†@namespaceè¦å‰‡ã‚’定義ã—ã¦ã„ã¾ã™ã€‚ 原文: “CSS Namespaces Module†(W3C Recommendation 29 September 2011) CSS カラーモジュール Level 3 opacityã‚„rgba()ãªã©ã€è‰²ã«é–¢ã™ã‚‹å€¤ã‚„プãƒãƒ‘ティを定義ã™
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}