网页设计与制作,网页资源教程,网页源代码 _酷站(www.ku0.com)-致力于为互联网从业者提供动力！

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