Examples of Pseudo-Elements Animations and Transitions | Codrops
Some creative experiments that use animations and transitions on pseudo-elements to create interesting effects. Today we are going to experiment with animations and transitions on pseudo-elements (:before and :after) and we are going to discover their potential. We will talk a bit about animating pseudo-elements and look at four examples that use some special techniques to achieve a variety of eff
NIR for Retina Images
擬似è¦ç´ 㨠content プãƒãƒ‘ティを利用ã—ãŸç”»åƒç½®æ›ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã® NIR (Nash Image replacement) ã¨ã€ã„ã‚ゆる Retina ディスプレイå‘ã‘ã®é«˜è§£åƒåº¦ç”»åƒ (sprit[email protected] ã¿ãŸã„ãªã‚„ã¤) を組ã¿åˆã‚ã›ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã€‚ã¾ãšã¯ NIR ã«ã¤ã„ã¦ãŠã•ã‚‰ã„: .nir { overflow: hidden; width: 160px; height: 50px; *background: url(sprites.png) no-repeat 0 -25px; *text-indent: -9999px; } .nir:before { content: url(sprites.png); display: inline-block; font-size: 0; line-height: 0; margin-left: 0; margin-top: -
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
CSS Pseudo-elements - JavaScript Prototype
{{#tags}}- {{label}}
{{/tags}}