在網(wǎng)站的開發(fā)過(guò)程中，很多時(shí)候需要用到CSS樣式效果，但是有很多人不想花費(fèi)購(gòu)買商業(yè)軟件的費(fèi)用來(lái)獲取這些功能。雖然有很多非常流行的商業(yè)軟件可以提供這些特效，但是我們可以通過(guò)各種途徑來(lái)獲取自由開源軟件來(lái)完成這些任務(wù)。

/*以下是一些常用的CSS效果，可以在不購(gòu)買任何商業(yè)軟件的情況下完成*/
/*1. 下拉菜單*/
.dropdown-menu {
display: none;
}
.dropdown:hover .dropdown-menu {
display: block;
}
/*2. 彈出窗口*/
.modal-dialog {
display: none;
}
.modal-trigger {
display: block;
}
.modal-trigger:hover .modal-dialog {
display: block;
}
/*3. 滾動(dòng)動(dòng)畫*/
.animate-scroll {
transition: all 1s ease-in-out;
}
.animate-scroll:hover {
transform: translateY(-5px);
}
/*4. 背景圖片動(dòng)畫*/
.parallax-bg {
background-image: url("http://placehold.it/1200x700");
background-repeat: no-repeat;
background-size: 100%;
transition: all 1s ease-in-out;
}
.parallax-bg:hover {
background-size: 110%;
}

可以看出，在不購(gòu)買商業(yè)軟件的情況下，我們可以使用CSS來(lái)實(shí)現(xiàn)一些非常不錯(cuò)的效果。這些效果包括下拉菜單、彈出窗口、滾動(dòng)動(dòng)畫和背景圖片動(dòng)畫等等。除此之外，我們還可以在許多網(wǎng)站上找到自己需要的開源軟件或插件，這些軟件能夠提供更為多樣化的效果。因此，如果我們想要實(shí)現(xiàn)更高級(jí)別的動(dòng)畫特效，最好仍然是尋找一些購(gòu)買商業(yè)軟件或者是使用上述所列的開源軟件。