CSS是前端開發中不可或缺的一門技術，可以為網站設計提供多樣化的樣式效果，當然，也可以幫助我們實現更復雜的交互效果。其中，左右滑動和點擊是常見的效果，以下是實現這兩種效果的代碼：

/*左右滑動效果*/
.slide{
overflow-x: scroll; /*設置橫向滾動條*/
white-space: nowrap; /*讓子元素在一行內水平排列*/
}
.slide-item{
display: inline-block; /*讓子元素能夠一行內排列*/
width: 300px; /*設置每個子元素的寬度和高度*/
height: 200px;
}
/*點擊效果*/
.btn{
display: inline-block; /*讓按鈕排列在同一行*/
padding: 10px 20px; /*設置按鈕的邊框和內邊距*/
background-color: #f00; /*設置按鈕的背景顏色*/
color: #fff; /*設置按鈕的字體顏色*/
text-align: center; /*設置文本水平居中*/
cursor: pointer; /*設置光標為手型*/
}
/*點擊事件的實現*/
.btn:hover{
opacity: 0.8; /*設置按鈕的透明度*/
}
.btn:active{
background-color: yellow; /*設置按鈕的背景顏色*/
}

上述代碼中，左右滑動效果使用了CSS屬性overflow-x: scroll，讓元素的子元素能夠在一行內水平排列，從而實現了左右滑動的效果。在代碼中，使用了.slide來包含子元素的容器，每個子元素使用.slide-item表示。

在點擊效果的代碼中，我們使用了:hover和:active偽類，分別表示鼠標懸停和點擊事件。在鼠標懸停時，將按鈕的透明度設置為0.8，讓按鈕變得半透明。而當按鈕被點擊時，將按鈕的背景顏色設置為黃色，表示按鈕已被選中。