在Photoshop里面做
创新互联建站坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站设计、做网站、成都外贸网站建设公司、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的费县网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
1. 打开你的照片。
2. 用圆形或者椭圆选框工具在图片上选择一个大小合适的区域，按下快捷键“Ctrl+J”，把区域复制到新的图层中。在新的图层中，运用旋转工具将区域旋转一定的角度。
3. 点击菜单“滤镜→扭曲→球面化”对新的图层进行处理，数量设置为60%。
4. 在新图层上点击右键，选择“混合选项”。使用“投影”样式，设置不透明度为75%、角度为30°、距离1像素、扩展0%，大小为1像素。再使用“内阴影”样式，设置不透明度为95%、角度为30°、距离为1像素、阻塞0%，大小2像素。设置完成后，点击“好”，回到新图层中，就可以初见水珠之影了。
5. 为了让水珠更加逼真，我们还得对水珠做光照产生的反光处理。用椭圆选框工具在水珠上半部分选择一扁小的椭圆区域，并用渐变工具进行从上到下的填充，颜色变化为白色到透明。再在水珠下半部分同样选择一扁小的椭圆区域，用相同的渐变色对其进行由下至上的填充。
到这就完成了水珠效果的制作，你可以用同样的办法制作更多角度不同的水珠，会有更好的效果哦！
html
body
style type="text/css"
span{height:40px; width:40px; display:block; position:relative;}
.demoSpan1{width:26px;}
.demoSpan1:before{content:''; height:16px; width:16px; border:5px solid #333; display:block; position:absolute; top:2px; left:0px; z-index:1; line-height:26px; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px; color:#fff; text-align:center;}
.demoSpan1:after{content:''; height:0px; width:0px; display:block; position:absolute; bottom:2px; left:3px; border:10px transparent solid; border-top-color:#333; border-width:15px 10px 0px 10px; }
/style
span class="demoSpan1"
/span
/body
/html
这个是中间空心的，你自己略加修改。
给你个便捷的CSS3图标网站，那里有很多责成的。
这里不给发网址，下面的东东，自己参吧：
www-uiplayground-in/css3-icons
css 添加声音至少在现在的情况下是不合适的。
因为各个浏览器对css标准的支持不一样，实现也不一样，使用这种方法难度大，风险大，也不容易维护。
这里分享下幻灯片主题水滴的使用方法。
设备：联想电脑
系统：Windows10
软件：PowerPoint
1、首先打开ppt，新建一个PPT文件。
2、然后在打开的页面中，点击“插入”—“形状”—“水滴形”。
3、在绘图区点击一点后拖动鼠标再单击放置水滴形。
4、保持选中水滴形，在形状轮廓里面设置直线的颜色、宽度、样式等。
5、设置完成之后，水滴就完成了。
