webkitç³»ã§border-radiusプãƒãƒ‘ティを使ã„スライドをã—ãŸå ´åˆã®ãƒã‚°å›žé¿æ–¹æ³• | オレã®WEBPADborder-radiusを利用ã—ã¦ä¸¸ã«åˆ‡ã‚ŠæŠœã„ãŸè¦ç´ ã®ä¸èº«ã‚’マウスホãƒãƒ¼ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ãŸã‹ã£ãŸã®ã§ã™ãŒã€Choromeã¨Safariã§ã®ã¿è§’丸ãŒè§£é™¤ã•ã‚Œã¾ã—ãŸã€‚ æ•°æ™‚é–“æ ¼é—˜ã—ãŸçµæžœã€å˜ç´”ãªæ–¹æ³•ã§å›žé¿ãŒã§ãã€ç†æƒ³é€šã‚Šã®ä¸¸ã§åˆ‡ã‚ŠæŠœã„ãŸè¦ç´ ã®ä¸èº«ã‚’スライドã•ã›ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã—ãŸã€‚ webkitç³»ã§border-radiusを利用ã—ãŸå ´åˆã®ãƒã‚° border-radiusã¸overflow:hidden;ã§ãƒãƒŸå‡ºã—防æ¢ã—ãŸã‚Šã€ä¸ã®è¦ç´ ã‚’positionã‚„CSS3ã®transformを使ã†ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§è§’丸ãŒè§£é™¤ã•ã‚Œã¾ã™ã€‚ Firefoxã¨IEã¯å•é¡Œã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ border-radiusã§ä¸¸ã®è¦ç´ を作る è¦ç´ ã‚’çƒä½“ã«ã™ã‚‹ã“ã¨è‡ªä½“ã¯ã¨ã¦ã‚‚ç°¡å˜ã§ã€ä¸‹è¨˜ã®ãƒ—ãƒãƒ‘ティを指定ã™ã‚‹ã“ã¨ã§å®Ÿè£…ã§ãã¾ã™ã€‚ HTMLソース <div id="wrap"> <p class="slide">
æ–™ç†ãƒ“ギナーã§ã‚‚ã§ãる「30分ã§ä¸€æ±ä¸‰èœå¤•é£¯ã€ã®ã‚¹ã‚¹ãƒ¡ - ソレドコ
{{#tags}}- {{label}}
{{/tags}}