css
关注
分享
扫一扫
chengchengbox
有些失望是不可避免的，但大部分是因为你高估了自己。
展开
-
html 禁止选择与复制出现蓝色选中状态，禁止图片拖拽，隐藏鼠标,全屏状态下有效
一、禁止选择与复制js实现['contextmenu', 'selectstart', 'copy'].forEach(function(ev){ document.addEventListener(ev, function(ev){ ev.preventDefault(); ev.returnValue = false; })});`css实现body { -moz-user-select: none; -webkit-user-原创 2022-04-27 09:29:48 · 1493 阅读 · 0 评论 -
css3 动画all，改变css就会出现缓动
transition: all 6s;原创 2021-01-18 16:01:25 · 392 阅读 · 0 评论 -
html避免多次点击选中页面文字或者内容时出现蓝色背景
在body、html中添加以下代码*,body,html{ -moz-user-select: none; /*火狐*//*选中文字时避免出现蓝色背景*/ -webkit-user-select: none; /*webkit浏览器*//*选中文字时避免出现蓝色背景*/ -ms-user-select: none; /*IE10*//*选中文字时避免出现蓝色背景*/ user-select: none;/*选中文字时避免出现蓝色背景*/}...原创 2020-12-18 09:24:26 · 1423 阅读 · 0 评论 -
css3缩放字体后模糊的两种解决方案
第一种：改变元素的宽和高，只有是偶数的时候才不会模糊width: 200px; height: 200px;第二种：如果元素是auto或者未定义宽和高的transform:perspective(1px) scale(0.8);原创 2020-07-24 09:31:08 · 5850 阅读 · 0 评论 -
html使用了iframe框架移动端字体大小不一样，设置了头部解决办法
在iframe或者框架中body的style中加入以下css代码就可以了width: 50vw;height: 50vh;transform-origin: 0 0;transform: scale(2);原创 2020-07-15 14:20:27 · 2050 阅读 · 1 评论 -
jquery 数字从指定值在规定时间内变化到指定值，圆形进度条，可以用于进度条
$({ // 起始值 countNum: 20 }).animate({ // 最终值 countNum: 100 }, { // 动画持续时间 duration: 2000, easing: "linear", step: function() { // 设置每步动画计算的数值 $('.barPie__value').text(Math.round((this.countNum*100)/100)); }, complete: .原创 2020-07-09 10:49:03 · 531 阅读 · 0 评论 -
html+css隐藏鼠标
* { cursor: none!important;}原创 2020-04-03 16:50:51 · 2559 阅读 · 0 评论 -
css文字超出一行显示省略号
overflow: hidden;/*超出部分隐藏*/white-space: nowrap;/*不换行*/text-overflow:ellipsis;/*超出部分文字以...显示*/原创 2020-03-04 12:57:47 · 674 阅读 · 0 评论 -
php 原生php分页，漂亮的分页
效果：1、php分页方法function page($count,$listRows,$curPage,$rowsmaxPage =null,$search=null){ $search = isset($search)?$search:""; $rowsmaxPage = isset($rowsmaxPage)?$rowsmaxPage:10; $t...原创 2019-09-25 13:45:55 · 408 阅读 · 0 评论 -
移动端 拼图游戏 拖拽的方式
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <title>drag拖拽<...原创 2019-08-07 10:50:14 · 665 阅读 · 0 评论 -
css上下左右居中，不定宽高
第一种.test{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /* 50%为自身尺寸的一半 */}第二种.test{ margin: auto; /* 有了这个就自动居中了 */}...原创 2019-07-25 11:43:46 · 287 阅读 · 0 评论 -
css3 勾和叉的布局（√、×）
一、勾<style> a{ display: inline-block; width: 10px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);} a:after{content:'/';di...原创 2019-01-03 13:15:55 · 2243 阅读 · 0 评论