CSS函數(shù)是在樣式表中使用值來(lái)更新或計(jì)算屬性值的一種技術(shù)。其中一些聚合函數(shù)可以幫助我們進(jìn)行位置和尺寸操作,而其他函數(shù)可以對(duì)特定類(lèi)型的值進(jìn)行簡(jiǎn)單的計(jì)算或轉(zhuǎn)換。
/* translate函數(shù)可以將元素從其當(dāng)前位置移動(dòng)。由于這是一個(gè)向右和向下的變換,因此可以將x和y設(shè)置為正值。 */ transform: translate(10px, 20px); /* scale函數(shù)可以在不更改其它屬性的情況下修改元素的大小。 */ transform: scale(1.5); /* rotate函數(shù)可以將元素繞其原點(diǎn)旋轉(zhuǎn)。角度可以是正或負(fù)值。 */ transform: rotate(45deg); /* calc函數(shù)允許我們?cè)跇邮奖碇凶鲆恍┖?jiǎn)單的數(shù)學(xué)計(jì)算。 */ width: calc(50% - 20px); /* url函數(shù)可以加載一個(gè)指定的外部文件作為背景圖像。 */ background: url('image.jpg'); /* linear-gradient函數(shù)可以為元素創(chuàng)建一個(gè)漸變背景。顏色可以使用16進(jìn)制值或rgb函數(shù)。 */ background: linear-gradient(red, yellow, green);
這只是CSS函數(shù)的幾個(gè)示例。通過(guò)使用它們,我們可以更靈活地控制并定制我們的樣式,以達(dá)到所需的效果。