文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
html5 - svg图片字体滤镜问题
大家讲道理
大家讲道理 2017-04-17 14:59:38
[HTML讨论组]
0 2 1014
举报

  1. 以下字体以及p框的边缘部分是用svg实现的吗

  2. 如果是 应该怎么实现呢?

  3. 没有接触过svg 希望有人可以给个答案 谢谢

大家讲道理
大家讲道理

光阴似箭催人老，日月如移越少年。

全部回复(2)
PHP中文网
PHP中文网2017-04-17 15:01:38 2楼

自己已解决

不用 svg 用css3的text-shadow属性代替

.blurStyle {
  border: 1px solid #5da8ec;
  margin: auto;
  background: rgba(4, 6, 29, .81);
  box-shadow: 0 0 .2rem rgba(84, 155, 219, .81);
  position: absolute;
  z-index: 999;
  color: #549bdb;
  text-shadow: 0 0 0.2rem rgba(12, 105, 255, .81),
    -0 -0 0.2rem rgba(84, 155, 219, .81);
}

赞 +0
添加回复
PHP中文网
PHP中文网2017-04-17 15:01:38 1楼

其实有很多LED字体、用@font-face可以实现用LED字体达到题主的这种效果

https://zhidao.baidu.com/ques...

这种用SVG做文字效果应该很麻烦吧、svg用path画要画好久吧、

用字体只要控制大小一样不会失真的

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部