W3xue
Tools
一起学习,一起紧随时代的步伐
案例:
SVG案例
状态:可编辑再运行
进入横版
<!DOCTYPE html> <html> <body> <p><b>Note: </b>Internet Explorer and Safari do not support SVG filters yet!</p> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs> <filter id="f1" x="0" y="0" width="200%" height="200%"> <feOffset result="offOut" in="SourceGraphic" dx="20" dy="20" /> <feGaussianBlur result="blurOut" in="offOut" stdDeviation="10" /> <feBlend in="SourceGraphic" in2="blurOut" mode="normal" /> </filter> </defs> <rect width="90" height="90" stroke="green" stroke-width="3" fill="yellow" filter="url(#f1)" /> </svg> </body> </html>
运行结果
本设备
Galaxy S5
Nexus 5X
Nexus 6P
iPhone7
iPhone7 Plus
iPhone8
iPhone8 Plus
iPhoneX
iPad
iPad Pro
部分手机浏览器需要先点“提交代码”才能编辑代码。
W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
部分案例需要特定浏览器支持,如案例没有显示效果,请尝试更换浏览器。
意见反馈
友情链接:
直通硅谷
点职佳
北美留学生论坛