使用tailwindcss在进行图片放大时渲染问题
记录一个今天遇到的图片放大时渲染问题在使用tailwindcss对图片进行放大使用hover:scale-105 transition duration-300更好效果可以对图片进行定位，比如从...
小胖脸
0
分类 前端 下的文章
使用Plyr.js打造出色的网站视频播放体验
作为网站所有者,你可能希望为用户提供一款功能强大、外观出众的视频播放器。这不仅能提升整体用户体验,还能帮助你更好地展示各种内容和产品。在众多可用的视频播放器插件中,Plyr.js是一个非常出色的...
小胖脸
1
hover的时候，悬浮框从下往上，从隐藏到显示出现
要实现悬浮框从下往上，从隐藏到显示的效果,可以使用 Tailwind CSS 提供的 transform 和 transition 工具类。HTML 结构:<div class="...
小胖脸
0
常用meta适配标签
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-sca...
小胖脸
0
更换cactus主题
原本自己写了一个主题叫calm，是模仿自hexo的一款国外主题hexo-theme-cactus，但是突然网上发现一款主题也是移植这个主题，并且还原度非常高，叫做cactus，所以自己calm这...
小胖脸
0
简单实现图片异步加载
网页图片的异步加载可以使用 JavaScript 实现。具体实现方式可以使用以下步骤：将网页图片的 src 属性设置为一个占位符；在 JavaScript 中，将图片的真实 URL 存储在自定义...
小胖脸
0
pjax对SEO有什么影响？
pjax对SEO的影响主要取决于网站的实现方式和使用场景。如果pjax的实现方式不合理，可能会对SEO产生一定的负面影响。对于使用pjax的网站，如果没有正确处理好URL的变化和页面内容的加载，...
小胖脸
0
通过css变量切换站点主题
CSS变量声明一个变量，属性名需要以两个减号（--）开始，属性值则可以是任何有效的CSS值。:root[theme="dark"] {
--color: #fff;
}
...
小胖脸
0
