CSS自動計時器是一種CSS技術，可以根據指定的條件，在頁面上自動觸發樣式更改，從而實現計時的效果。

使用CSS自動計時器，可以設置一個變量，當這個變量被觸發時，就執行指定的樣式。這種技術可以用于許多場景，例如，當用戶滾動頁面時，可以設置一個變量，當滾動到特定高度時，就執行樣式更改。

下面是一個基本的CSS自動計時器示例：

```css

@keyframes animate {

0% {

transform: translateY(0);

100% {

transform: translateY(100px);

.container {

animation: animate 1s infinite;

在這個示例中，我們定義了一個名為`animate`的動畫，它使用了一個循環。當`transform`屬性被設置為`translateY(0)`時，動畫將在頁面上縮放所有元素。當`transform`屬性被設置為`translateY(100px)`時，動畫將停止循環，并將所有元素放置在其原始位置。

我們可以使用任何CSS屬性來控制動畫的觸發條件。例如，我們可以使用`max-height`屬性來設置元素的高度，當元素的高度超過特定值時，就觸發動畫。我們可以使用`margin-top`屬性來設置元素的前沿，當元素的前沿超過特定值時，就觸發動畫。

CSS自動計時器是一種非常有用的技術，可以幫助實現許多復雜的效果。通過定義復雜的動畫，可以輕松地控制元素的樣式，而無需手動編寫大量的代碼。