CSS Transition Background Efektli Kutucuklar
Basit birkaç satır CSS3 koduyla liste kutularınıza şık ve zarif görünümlü arkaplan efektleri verebilirsiniz. <style> .hoverKutu { background-color: #ededed; color: #717171; width: 90%; height: 45px; display: block; line-height: 45px; text-align: center; cursor: pointer; transition: background-color 1.1s ease; border: solid 1px #dddddd; margin: 5px auto; } .hoverKutu:hover { background-color: #fff; } </style> <div class="hoverKutu"> CSS3 kodları ile kutucuklara yumuşatılmış Hover efektleri verebilirsiniz. </div> <div class="hoverKutu"> Böylelikle daha yumuşak ve modern görünümlü listeler oluşturabilirsiniz. </div> Bu kodların canlı hali şu şekildedir. CSS3 kodları ile kutucuklara yumuşatılmış Hover efektleri verebilirsiniz. Böylelikle daha yumuşak ve modern görünümlü listeler oluşturabilirsiniz. Burada CSS Transition efekti class'ı "hoverKutu" o