CSS 是前端開發中非常重要的一種技術，它可以使用樣式來對 HTML 版面進行美化和布局。其中實現元素的滑入滑出是一種很有用的效果，可以讓網頁更加生動。

/* CSS代碼實現div滑入滑出效果*/
.box{
/* 此處預設隱藏 */
display:none;
width: 200px;
height: 200px;
background-color: #ccc;
border-radius: 5px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
/* transition屬性實現動畫過渡 */
transition: all 0.5s ease-in-out;
}
.parent:hover .box {
/* 鼠標移上去后將box div 顯示 */
display: block;
/* 平移 50px ，半透明度設置為 1*/
transform: translate(-50%, -70%) scale(1);
opacity: 1; 
}

上面的代碼實現了一個父元素hover后子元素出現的效果，其中包含了transition屬性來實現動畫過渡的效果。這個代碼可以用在廣告彈窗上，可以讓我們的廣告更出色，更誘惑。