[CSS]éžå¸¸ã«å°‘ãªã„コードã§å®Ÿè£…ã•ã‚ŒãŸCSS3ã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³åž‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼JavaScriptç„¡ã—ã§ã€HTMLã¨CSSを使ã£ã¦éžå¸¸ã«ã‚·ãƒ³ãƒ—ルãªå®Ÿè£…ã‚’ã—ãŸã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³åž‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’紹介ã—ã¾ã™ã€‚ Make an Accordian Style Slider in CSS3 アコーディオンã¯CSS3アニメーションã§æ»‘らã‹ã«é–‹é–‰ã—ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã®æ•°ã‚’減らã—ã¦ã‚‚増やã—ã¦ã‚‚動作ã—ã¾ã™ã€‚ 見ãŸç›®ã ã‘ã§ã¯ãªãã€éžå¸¸ã«æ©Ÿèƒ½çš„ãªã¤ãã‚Šã§ã™ã€‚ HTML HTMLã¯ãƒªã‚¹ãƒˆè¦ç´ を使ã„ã€éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ <div class="accordian"> <ul> <li> <div class="image_title"> <a href="#">ã‚ャプション</a> </div> <a href="#"><img src="image.jpg"/></a> </li> <li> <div class="image_title"> <a href="#">ã‚ャプション</a> </div>
{{#tags}}- {{label}}
{{/tags}}