CSS 实现 光圈效果

html-css021

CSS 实现 光圈效果,第1张

主要利用css3 animation, 在0 ~ 100% 过渡中让box-shadow渐变(box-shadow只需要设置blur 和spread)

HTML:

CSS:

预览效果入如下:

这个单单靠css或者html是办不到的

要达到你这个目的,那么,在播放音乐的时候,应该要把音乐已经播放的时间,记录到用户端,比如cookie,当按分页后,读取客户端的cookie参数,然后将音乐调整至相应时间继续播放。这样就达到你的目的了,但。这个过程,似乎最好是使用到flash,js等技术!

使用CSS设置背景音乐,这个对于现在网页设计中,不太适用,一般都是通过html标签来实现,使用那个bgsound标签,用法:<bgsound src="...">,src之后加这个音乐的路径,具体实现可以看下代码:

<html>

<head>

<title>音乐的是实现</title>

<bgsound loop="infinite" src="sound/xxx.mid">

</head>

<body>

</body>

</html>