CSS
关注
分享
扫一扫
Amazon Translator
少走弯路
展开
-
FLEX 布局中最常用的代码
FLEX 布局中的常用代码，快速实现响应式布局效果原创 2023-02-17 14:10:54 · 214 阅读 · 0 评论 -
鼠标划入元素中, 元素跟随 鼠标方向变化展示3D 移动效果
Js + Css 实现- 鼠标划入元素中，元素跟随鼠标方向变化展示3D 移动效果原创 2022-09-22 15:42:39 · 418 阅读 · 0 评论 -
使用CSS 取消手机端 点击元素 出现的蓝色背景效果
css 取消元素聚焦背景 （手机端）原创 2022-09-13 16:12:20 · 806 阅读 · 0 评论 -
css 禁止选中文字
css 禁止文字被选中原创 2022-07-13 11:31:18 · 427 阅读 · 0 评论 -
jq-颜色选择器 所见即所得
<input type="color" oninput="seget()" id="bgColor"> <p></p> <script type="text/javascript"> $('#bgColor').bind('input propertychange', function () { // console.log($(this).val()); let bgCol = $(this).val(); ..原创 2022-04-27 13:54:44 · 372 阅读 · 0 评论 -
Jq-实时获取Input 的值
<body> <input type="text"> <p></p></body> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript">原创 2022-04-27 11:45:48 · 1127 阅读 · 0 评论 -
CSS filter 白色文案透明底图片 转换 任意颜色文字图片
<!-- 白色文案透明底图片 转换 任意颜色文字图片 --><!-- 1. 我们使用想转换的图片放入img内2. 先用filter把他转换为白色 CSS filter滤镜任意色值转换工具地址：https://www.zhangxinxu.com/sp/filter.html3. 当鼠标划入时 展示原图 取消filter属性补充：有余颜色转白色最为简单，所以不建议图片为白色然后转换其他颜色操作，图片应当是想转换的颜色，然后用代码更改操作--> <style t原创 2022-04-18 18:39:39 · 956 阅读 · 0 评论 -
CSS 2端对齐 并 居中展示
/*下面是css 样式*/selector{ text-align: justify; text-align-last: center;}原创 2021-06-28 14:46:25 · 95 阅读 · 0 评论 -
CSS 实现背景图片 设置响应式自适应全屏展示
img标签 设置响应式自适应全屏展示最终效果最终代码最终效果由此图可以看到无论网页缩放与放大网页都不会影响到这张图片的尺寸。在放最终代码之前注意：图片建议一定要大于显示器屏幕，建议为1000左右甚至更高。（如果是小于屏幕的情况下把图片铺满屏幕会出现图片变形的情况）最终代码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport"原创 2021-06-21 17:08:56 · 1782 阅读 · 0 评论 -
Js 延迟加载
延迟加载对于js 失效 的都可以使用延迟加载解决setTimeout(function() { 这里写代码 }, 5000); //5秒后将会执行{}括号内的代码原创 2021-04-29 11:55:03 · 113 阅读 · 0 评论 -
CSS 实现禁止复制某块区域文字
展示效果代码：<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></原创 2021-03-29 09:47:28 · 135 阅读 · 0 评论 -
前端网页遇到字体溢出，需用到字体比12px 更小的解决方法
scale整体缩放transform: scale(这里填写数字，默认值为1；大于数字1 代表放大，小于1代表缩放（如0.6）);可用来处理任何难以再变化尺寸的元素；<style type="text/css"> //把选中的div下元素整比例的缩放，如果元素里包含文字一并缩放，注：元素一定要有宽高，盒子元素 div{transform: scale(0.6);}</style>再随便打开一个网页F12 测试下（如下图）：...原创 2021-03-29 09:33:58 · 462 阅读 · 0 评论