
你不知道的CSS
Amazon Translator
少走弯路
展开
-
CSS filter 白色文案透明底图片 转换 任意颜色文字图片
<!-- 白色文案透明底图片 转换 任意颜色文字图片 --> <!-- 1. 我们使用想转换的图片放入img内 2. 先用filter把他转换为白色 CSS filter滤镜任意色值转换工具地址:https://www.zhangxinxu.com/sp/filter.html 3. 当鼠标划入时 展示原图 取消filter属性 补充:有余颜色转白色最为简单,所以不建议图片为白色然后转换其他颜色操作,图片应当是想转换的颜色,然后用代码更改操作 --> <style t原创 2022-04-18 18:39:39 · 956 阅读 · 0 评论 -
CSS 实现 Input 的动态样式美化
展示效果: 结果: 如果显示占位符,则为边框为5px的红色,表示用户未输入任何内容 如果未显示任何占位符,则为默认白色,表示用户已键入内容 使用CSS 中的 :placeholder-show 伪类完成此操作。 什么是 :placeholder-show CSS :placeholder-shown伪类用于确定元素是否显示占位符的对象(占位符表示input 内设置placeholder 的值),主要使用它来检查input内容是否为空。换句话说,根据用户在文本框(input,textarea)输入的内容原创 2021-08-03 15:06:38 · 1290 阅读 · 0 评论