CSSã§ç„¡é™å›žè»¢ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’制作ã™ã‚‹æ–¹æ³• | エンタープライズ | マイコミジャーナルA Web Design Community curated by Chris Coyier. 写真データãŒã²ãŸã™ã‚‰å³ã‹ã‚‰å·¦ã«æµã‚Œã¦ã„るサイトã«éé‡ã™ã‚‹ã“ã¨ãŒã‚る。ãã‚Œã¯ä½•ã‚‰ã‹ã®ã‚¤ãƒ™ãƒ³ãƒˆã§æ’®å½±ã—ãŸã§ã‚ã‚ã†å†™çœŸãƒ‡ãƒ¼ã‚¿ã‚’æµã™ã‚‚ã®ã§ã‚ã£ãŸã‚Šã€è£½å“ã®å†™çœŸã‚’写ã™ã‚‚ã®ã§ã‚ã£ãŸã‚Šã•ã¾ã–ã¾ã ãŒã€ç…©é›‘ãªUIã§ãªã‘ã‚Œã°ãªã‹ãªã‹ã‚¯ãƒ¼ãƒ«ãªè¦‹ãŸç›®ã«ãªã‚‹ã€‚ ã“ã®åŠ¹æžœã¯JavaScriptを利用ã—ãªãã¨ã‚‚CSSを使ã†ã ã‘ã§å®Ÿç¾å¯èƒ½ã ã¨ã„ã†èª¬æ˜ŽãŒCSS-Tricksã«ãŠã„ã¦ã€ŒInfinite All-CSS Scrolling Slideshowã€ã¨ã—ã¦æŽ²è¼‰ã•ã‚ŒãŸã€‚シンプルãªCSS3ã§æ§‹ç¯‰ã•ã‚Œã¦ãŠã‚Šèˆˆå‘³æ·±ã„。ã“ã“ã§ã®ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ã¯ã€æµã—ã¦ãŠããŸã„ç”»åƒã‚’横長ã®1ã¤ã®ç”»åƒã¨ã—ã¦ç”¨æ„ã—ã¦ãŠãã€ãれをkeyframeã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã¨ã„ã†ã‚‚ã®ã 。 ãŸã¨ãˆã°æ¬¡ã®ã‚ˆã†ãªæ¨ªé•·ã®ç”»åƒã‚’「summer.jpgã€ã¨ã—ã¦ç”¨æ„ã—ãŸã¨ã™ã‚‹ã€‚
{{#tags}}- {{label}}
{{/tags}}