Question

如何使用瀑布效果或滚动效果等动画显示我从数据库中检索到的数据？不知道怎么做，请给出一些想法/参考。

Answer 1

模糊的问题。一些提示：

1）

<div style="text-shadow: 6px/*X-Offset*/ -9px/*Y-Offset*/ 1px/*Blur Radius*/ white/*Shadow Color*/, 6px/*X-Offset*/ 9px/*Y-Offset*/ 5px/*Blur Radius*/ red/*Shadow Color*/; color: black; font-weight: bold;">Text Shadow</div>

2）

<div style="margin-left:30px; color: #fff;
    text-shadow:
    0px -1px 0px white,
    0px -2px 0px yellow,
    0px -10px 0px #ff8000,
    0px -18px 0px red;font-size:80px">
On Fire, pretty hot</div>

3）

<div id="exTransition2" class="shadow">
<img class="top" src="images/color.jpg" />
<img class="bottom" src="images/BlackNwhite.jpg" />
</div>

#exTransition2 {
  position:relative;
  height:200px;
  width:400px;
  margin:0 auto;
}

#exTransition2 img 
{
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  max-width:100%; max-height:100%
}

#exTransition2 img.top:hover 
{
  opacity:0;
}

注意 - 除了上面示例中的预定义文本，您可以从数据库（后端）中提取自己的文本

<强>教程 - http://www.hongkiat.com/blog/css-text-effects/

想要在显示数据时使用动画

1 个答案: