全部标签

Tag

html

这个标签下有 5 篇文章。

html旋转轮盘--图片在页面旋转

操作步骤 如何让元素在页面循环旋转? 需求: 图片素材自转,然后围绕中心点公转。 这里其实自转很好说,简单写一个动画然后设置时间以及无限循环就可以了。 公转则主要要运用到 transformorigin 这个属性。 transformorigin 属性允许您更改转换元素的位置。 2D 转换元素可以改变元素的 X 和 Y 轴。 3D 转换元素,还可以更改元素的

330 字 | 1 分钟
html5居然还有这属性--ruby

属性说明 前两天在看极客时间的《重学前端》,其中 Winter 老师说,工作的时候经常有人会说:“哇,原来还能这么用”,当时比较嗤之以鼻,没想到马上就轮到我了。 注释、ruby,在我的理解中,应该是通过 ::after 或 ::before 伪类结合 position: absolute 来达到这个效果,然而没想到 HTML5 新增了 标签。 标签定义 ru

281 字 | 1 分钟
html网页音乐播放器

实现思路 其实一直想在网站上加一个音乐播放器的,但是当时搜索的是谷歌浏览器无法自动播放,所以就没准备加。并且其实当时也自己写了一个播放器,网页音乐播放器 音乐播放器 html++css+jshttps://www.datehoer.com/rcxx/61.html 但是由于懒得写 CSS 代码,所以比较丑,然后就没有往网站上加。但是呢,有一个是我一直不明白的

409 字 | 1 分钟
html实现图片旋转显示背面内容

实现思路 其实说是HTML,实际上还是要通过CSS来实现具体效果的,毕竟实际上HTML是框架,而CSS则是填充框架的东西。这篇文章是介绍一个简单的案例,鼠标触碰图片,然后图片发生旋转,进而展现文字。 可以看一下动图演示: 其实这个是通过transform旋转以及backfacevisibiliity来实现图片隐藏的。 简单介绍一下这个HTML实现图片旋转显示

498 字 | 2 分钟
网页音乐播放器 音乐播放器 html+css+js

操作步骤 首先准备工作为 jQuery、HTML、CSS、JavaScript,别的其实并不需要,而且其实 JavaScript 也不需要。 最初是准备不使用 jQuery 的,但是发现用 jQuery 只需要几行代码就能实现的功能,而用原生的 JavaScript 却需要好多,而且也不容易实现,所以最后才准备使用 jQuery 了。 jQuery 的安装各

696 字 | 2 分钟