思路:
利用通配符*=找出特定图片加上滤镜filter: invert(1)
用处:
比如网站加了夜间模式,由于某些图标是暗色的,在夜间模式下看不清,那么使用一行CSS代码可以非常简单的...
加上暗黑模式,整体还算满意。
2021/6/28, synyan.cn, theme Puma (2020) - add dark mode, on macOS Big Sur
护眼模式?胶片模式?见仁见智。
WordPress 5.5更新后,自动为每个不存在width、height的图片加上了这两个属性(取自媒体库尺寸),用于浏览器lazyload加载。
虽然挺美,但是如果图片刚开始传的尺寸不对(例如widt...
今天在美化博客时发现可以用display:grid替代display:flex、display:block与@media等过时的办法,特记载如下。
新旧对比
display:grid是一种较新的前端神器,可以完美匹配任何...
自打Firefox 36以来很久都没用过这只从1.0版便很喜爱的小狐狸了(记得2005年还曾是promote firefox小组的一员),原因是Chrome实在是太强大好用。近期Firefox 70.0推出后便第一时间尝...
在常阳时光的博文《WordPress 4.6 将使用原生字体代替谷歌字体》中提到:
WordPress 4.6 将使用原生字体代替谷歌字体,所选用字体覆盖了所有主流操作系统,包括:安卓,苹果iOS,W...
因为家人身体不适,因此只能在家宅着折腾下代码。
在从良未遂博文《实用代码》中提到:
插入自适应媒体已经是刚需了,之前也介绍过一种姿势,貌似这个更简单一些。当在你自己的...
在CSS中添加:
html {text-shadow:0 0px 2px #ccc, 0px -2px 1px #fff;}
在手机上效果尤为明显,很像是电子水墨屏。
昨晚及中午抽空对全站稍作改进,统一了三个平台(Mac、Windows各版本、Ubuntu)下的字体,以更现代的细黑为主。
主要字体:
1、STHeitiMac系统下当仁不让的美字。
@font-fac...
临睡前把iPhone充了电实验了一下在iOS的Safari中看travel.synyan.net的效果,发现图片撑破了主题,而字体过小,拥挤在左侧,绝壁给常用手机阅读鄙人博客的童鞋带来了不便。怎么解决呢...