ihover.css是一種允許您創(chuàng)建交互式的動畫效果的CSS庫。如果您想為您的網(wǎng)站添加更多的互動性和視覺吸引力,ihover.css是一個(gè)很好的選擇。
.ih-item { position: relative; cursor: default; width: 100%; height: 100%; overflow: hidden; margin-bottom: 10px; } .ih-item:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; content: ''; opacity: 0; background: rgba(0,0,0,0.3); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ih-item:hover:before, .ih-item:focus:before, .ih-item:active:before { opacity: 1; }
如上所示,ihover.css中包含了許多可自定義的類和效果。您可以很容易地通過改變屬性值來自定義這些效果,以創(chuàng)建滿足您需求的獨(dú)特外觀。
如果您正在尋找一種快速而簡單地創(chuàng)建動畫效果的方法,那么ihover.css絕對值得一試。