酷站(www.ku0.com)-致力于为互联网从业者提供动力!

热门关键词:  企业  as  baidu  c4rp3nt3r  美女
阿里云爆款特惠,精选爆款产品低至0.55折
酷站

解决position:fixed固定定位偏移问题的教程

css固定定位position:fixed很容易使用,就是相对浏览器的viewport进行定位,top:0;left:0就是在左上角。 body div class=container /div /body style .container{ width: 100px; height: 100px;...[详细]

关键词:position,fixed,位置偏移 / 发布时间:2021-01-18 10:29:49 / 阅读:1616

教你CSS3实现苹果手机解锁的字体闪亮效果

016年08月18日 今天看到注意到苹果手机的滑动解锁,提示字上会有一道白光闪过,感觉很炫酷,所以突然就来了兴致想要做一个当鼠标放在字体上(模拟手指)时,白光一闪而过,照亮字体的效果。 1.思...[详细]

关键词:CSS3,苹果手机,闪亮字体 / 发布时间:2021-01-18 10:26:08 / 阅读:112

实现CSS动态高度过渡动画效果

这个问题源自于掘金上的一个留言,一个朋友问到,为什么我下面这段代码的高度过渡动画失效了? 伪代码大概是这样: { height: unset; transition: all 0.3s linear; will-change: height; .up {...[详细]

关键词:CSS,动态,过度动画 / 发布时间:2021-01-15 21:04:35 / 阅读:16129

css伪类右下角点击出现对号角标表示选中的代码

效果: css: .s_type { border: none; border-radius: 5px; background-color: #f3f3f3; padding: 7px 0; color: #606266; margin: 5px 2.5% 5px 0; width: 30%; position: relative;}.selecd {...[详细]

关键词:css,伪类,对号角标 / 发布时间:2020-06-23 09:10:57 / 阅读:190354

html5拖拽应用记录及注意点的介绍

下面通过代码给大家介绍html5拖拽应用记录,具体代码如下所示: e.dataTransfer.setData(a,设置的值);e.dataTransfer.getData(a);function drop(e){ !--尝试console.log(e),这里能拿到好多你用...[详细]

关键词:html5,拖拽应用 / 发布时间:2020-06-02 14:54:27 / 阅读:7691

详解Html5 canvas画图白板踩坑

最近接手了一个小型的H5,最主要的功能大概就是拍照上传和canvas画板了。 主要是记录一下自己菜到像傻子一样的技术。 1、canvas画板隔空打牛!画布越往上部分错位距离越小,越往下距离越大。 2...[详细]

关键词:Html5,canvas,画图白板 / 发布时间:2020-06-02 14:51:06 / 阅读:471

利用css3实现进度条效果及动态添加百分比的介绍

项目过程中,开始使用了js的requestAnimationFrame方法实现进度条,但是在数据超级多的时候非常影响性能,如此改用css去实现,优化。 先贴代码: !DOCTYPE htmlhtml lang=enhead meta charset=U...[详细]

关键词:css3,进度条 / 发布时间:2020-06-02 14:48:48 / 阅读:803

Element UI里的autosize textarea设置高度方法

把Element UI里的textarea input设置为autosize之后,文本框的默认高度为33,并不符合设计 默认样式 在浏览器中查检元素,发现 高度是由textarea的height和min-height来控制框内文字的位置是由p...[详细]

关键词:Element,autosize,textarea / 发布时间:2020-05-29 16:27:50 / 阅读:19750

video实现有声音自动播放的教程

video实现自动播放有声音 需求:老板见人家可以的,我们的也要可以!!! 前端:自动播放,简单... 要实现:鼠标移入视频播放同时有声音,移出让你暂停,,,,, 问题集合 1- 自动播放实现没有...[详细]

关键词:video,声音 / 发布时间:2020-05-20 17:01:53 / 阅读:57499

video.js支持m3u8格式直播的实现教程

为什么要使用video.js? 1. PC端浏览器并不支持video直接播放m3u8格式的视频 2. 手机端各式各样的浏览器定制的video界面风格不统一,直接写原生的js控制视频兼容性较差 3. video.js解决以上两个...[详细]

关键词:video.js,m3u8,直播 / 发布时间:2020-05-20 16:59:56 / 阅读:1613

CSS盒子隐藏/显示后再最上层的实现方法

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 6...[详细]

关键词:CSS,隐藏,显示 / 发布时间:2020-05-17 15:21:41 / 阅读:12946

css3实现背景模糊的三种方式

一、普通背景模糊 代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 Style html, body { width: 100%; heigh...[详细]

关键词:css3,背景模糊 / 发布时间:2020-05-17 15:20:00 / 阅读:7328

flex布局中保持内容不超出容器的解决办法

在移动端,flex 布局很好用,它能够根据设备宽度来自动调整容器的宽度,用起来很方便,已经越来越离不开它,但是最近在做项目的时候发现一个问题。 就是在一个设置了 flex:1 的容器中,如果文字...[详细]

关键词:flex,容器 / 发布时间:2020-05-17 15:17:58 / 阅读:19523

详解CSS继承inherit属性的方法

给定一张有如下背景图的 div: 制作如下的倒影效果: 方法很多,但是我们当然要寻找最快最便捷的方法,至少得是无论图片怎么变化, div 大小怎么变化,我们都不用去改我们的代码。 法一:-webki...[详细]

关键词:CSS,inherit / 发布时间:2020-05-10 20:35:13 / 阅读:2327

利用定位使元素居中(web端页面布局小技巧)

元素在浏览器窗口居中的方法 这里先给出代码块,如果有同学已经看出来点眉目可以先自己尝试一下。 position:fixed; /*给想要居中的元素设置*/left:50%; /*或者right:50%*/top:50%; /*或者bottom...[详细]

关键词:定位,元素居中 / 发布时间:2020-05-06 20:40:54 / 阅读:1288
首页 1 2 3 4 5 6 7 8 9 ... 28 下一页 末页 28410

最新更新