CSS3是一種強大的樣式語言，可以幫助我們改變元素的外觀和布局。在CSS3中，我們可以使用點擊事件來改變元素的樣式。下面是一個簡單的例子，演示了如何使用JavaScript來實現點擊改變CSS3樣式的效果。

/* CSS3樣式 */
.box {
width: 200px;
height: 200px;
background-color: red;
transition: background-color 1s ease;
}
/* JavaScript代碼 */
var box = document.querySelector('.box');
// 綁定點擊事件
box.addEventListener('click', function() {
// 改變背景顏色
box.style.backgroundColor = '#00ff00';
});

在以上代碼中，我們首先定義了一個CSS3樣式，這個樣式會將一個div元素的背景顏色設為紅色，并且具有一個過渡效果。然后，我們使用JavaScript代碼來獲取這個元素，并且綁定了一個點擊事件。當用戶點擊這個元素時，我們就會通過修改元素的style屬性來改變它的背景顏色，使其變成綠色。

除了修改背景顏色，我們還可以使用JavaScript來改變元素的其他屬性，如字體大小、邊框樣式、位置等等。這樣，我們就可以通過點擊事件實現動態的交互效果，增強用戶的體驗。