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

热门关键词:  企业  as  baidu  c4rp3nt3r  美女
【ECS精选特惠】新用户上云低至1折起
百度资源

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 / 阅读:190252

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

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

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

详解Html5 canvas画图白板踩坑

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 / 阅读:12935

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 / 阅读:7325

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

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

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

详解CSS继承inherit属性的方法

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

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

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

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

关键词:定位,元素居中 / 发布时间:2020-05-06 20:40:54 / 阅读:1286

详解HTML5 HTMLCollection和NodeList的区别

获取 HTMLCollection 对象 getElementsByTagName() 方法返HTMLCollection对象。 HTMLCollection 对象类似包含 HTML 元素的一个数组。 注意: HTMLCollection 不是一个数组! HTMLCollection 看...[详细]

关键词:HTML5,NodeList / 发布时间:2020-05-01 21:01:10 / 阅读:17514

canvas绘制太极图的实现

canvas绘制太极图的实现

看到了很多人写的太极图案,自己也来搞一下,今天就来介绍一下 css样式代码 .animation{ width: 800px; height: 800px; border: 1px solid #000;}#canvas{ animation: rotate 6s linear infinit...[详细]

关键词:canvas / 发布时间:2020-05-01 21:00:46 / 阅读:9115

基于ccs3的timeline时间线的实现

在web项目中我们经常要使用时间轴(timeline)控件。本文提供一种基于CSS3的可逐项展开的timeline,在各展开项中可以嵌入文本、图片、视频等元素。运行效果如下: 实现 该控件的实现过程较为简...[详细]

关键词:ccs3,timeline,时间线 / 发布时间:2020-05-01 20:56:59 / 阅读:8424
首页 1 2 3 4 5 6 7 8 9 ... 28 下一页 末页 28407

最新更新