CSS3技术的不断发展，让网页设计师有了更多的操作空间和创意展示方式。其中，弹窗动画是非常流行和实用的效果之一。

弹窗动画是指在网页上展示一些提示信息或者广告的弹出小框。原来在HTML中实现弹窗，需要使用JavaScript等程序语言才能完成，但是在CSS3中，只需要几行代码就可以完成弹窗的呈现。

.modal{
position: absolute; 
top: 50%; 
left: 50%; 
transform: translate(-50%, -50%);
width: 200px; 
height: 250px; 
border: 2px solid #ddd; 
overflow: hidden; 
display: none;
}
.modal:target{
display: block;
animation: modal-show 0.5s linear forwards;
}
@keyframes modal-show {
0% {
opacity: 0;
transform: scale(0.7);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.modal .close {
position:absolute;
top:0;
right:0;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background-color: #ddd;
color: #fff;
cursor: pointer;
}

以上代码中，我们定义了一个CSS选择器“.modal”，它表示弹出的小窗口。同时，我们通过给“display”属性赋值“none”，将其隐藏起来。

在“.modal”内，我们定义了一个“.close”选择器，表示关闭按钮。在这里，我们将它与网页的右上角对齐，并设置样式，使其成为一个方便用户关闭弹窗的工具。

接下来，我们添加了一个伪类“:target”。用户通过点击一个锚点，就可以将对应的小弹窗展示出来。此时，我们使用“animation”属性来触发动画效果“modal-show”。该动画通过一段时间的动画效果，将小窗口从原来的“display:none”切换为“display:block”，然后将其从0.7的尺寸缩放到1的尺寸，完成展示效果。

最后，在页面的锚点中，我们设置对应的ID链接，可以在JavaScript中通过调用该ID来激活弹框部分的代码。

总的来说，CSS3弹窗动画不仅仅是一个弹框的展示效果，更是具有丰富的创意和表现形式的展示，极大地提高了网站的美观和交互效果。