search

liangjingkanji / DrakeTyporaTheme

十二种主题风格 - Material Google JetBrains Vue Juejin Purple Ayu Dark
https://theme.typora.io/theme/Drake/
MIT License
2.88k stars 270 forks source link

如何给图片边框添加阴影 #87

Closed Xinrong-X closed 2 years ago

Xinrong-X commented 2 years ago

描述问题

给图片添加个性化效果，已给star

如何复现问题

可以给图片设置边框，或设置圆角样式

期望结果

image

截图

截图如上

系统 (建议使用最新Typora版本)

liangjingkanji commented 2 years ago

你是寻求如何实现截图效果吧? 大部分人写文章都是希望图片沉浸式在文字中

你这个效果我不太会实现, 如果你能实现我可以放到常见问题提供修改思路

这个效果我估计是给<img>标签添加阴影和边框圆角

liangjingkanji commented 2 years ago

找到对应主题drake**.css中的img{...}标签替换为以下内容

img {
    background: rgba(0, 0, 0, 0);
    border: none;
    box-shadow: 1px 1px 5px rgba(171, 171, 171, 0.36);
    padding: 10px;
    border-radius: 4px;
}