HTML与CSS
文章平均质量分 84
HTML、CSS的一些内容
羊角枇杷
空
展开
-
CSS3制作立方体轮播图
CSS3制作立方体轮播图效果图实现原理 使用一个无序列表ul,下有六个子元素li,代表长方体的六个面。 主要用到的属性:transform: rotateX(n deg) translateZ(n px) 让li旋转之后再移动:这样有两个好处:1、有规律,好记,因为每次只需要改变rotateX()的值,每次增大 90o,translateZ()的值不需要改变。但这是次要的。2...原创 2019-04-26 20:17:56 · 645 阅读 · 0 评论 -
CSS尺寸单位
CSS尺寸单位:相对单位和绝对单位原创 2019-06-16 18:53:11 · 1369 阅读 · 0 评论 -
CSS3制作3D轮播图
效果图实现原理使用一个无序列表ul,下有六个子元素li,代表长方体的六个面。主要用到的属性:1、transform: rotateY(n deg) translateZ(200px):让六个li每个在Y轴上旋转的度数依次增加60o ,恰好一圈,再平移出去即可。2、transform-style: preserve-3d;:要给li的父级元素ul添加此属性,使li能够以立体的效果呈现。...原创 2019-04-26 20:31:58 · 1654 阅读 · 0 评论 -
CSS3的 nth 元素选择器
CSS3的 nth 元素选择器: nth-child 和 nth-of-type带有 child带有 typeonly-childonly-of-typefirst-childfirst-of-typelast-childlast-of-typen...原创 2019-03-28 21:47:51 · 884 阅读 · 0 评论 -
扫雷游戏 - jQuery实现
使用jQuery,HTML5,CSS3实现经典扫雷游戏原创 2019-04-24 16:15:47 · 875 阅读 · 0 评论 -
实现HTML5的video标签视频播放器
实现HTML5的video标签视频播放器:VideoPlayer原创 2019-06-18 00:56:05 · 5077 阅读 · 0 评论 -
canvas字符雨 - JavaScript实现
使用canvas,以JavaScript实现黑客字符雨、彩色字符雨,HTML结构、CSS代码、JS源码有详细注释。原创 2020-01-02 15:38:49 · 615 阅读 · 1 评论 -
实现JavaScript通用进度条
JavaScript通用进度条,可作为音频、视频的控制进度条,用作普通的进度条。点击功能,拖拽功能,配合提供的函数可以实现更多功能...原创 2019-06-19 13:41:48 · 1627 阅读 · 0 评论 -
jQuery制作漂亮的层叠轮播图
使用jQuery,HTML5,CSS3制作一个中间最大,两端逐渐变淡、变小的轮播图原创 2019-04-18 19:21:32 · 3872 阅读 · 5 评论 -
HTML5、CSS3 制作模拟时钟
HTML5、CSS3 、jQuery制作模拟时钟原创 2019-04-18 17:51:40 · 2050 阅读 · 0 评论