JS 实现简单时钟特效（二）动态时钟圆盘

最新推荐文章于 2024-04-15 19:39:02 发布

Oscar不是秃头Boy

最新推荐文章于 2024-04-15 19:39:02 发布

阅读量1.3k

点赞数 1

文章标签： js javascript css3 前端

本文链接：https://blog.csdn.net/m0_50873883/article/details/118887264

版权

动态时钟圆盘

之前写了一个极简版的JS 实现简单时钟特效现在我们给它变漂亮，加一些图片，给它美化美化
上代码

<!DOCTYPE html>
<!--时钟特效case-->
<html>
	<head>
		<meta charset="UTF-8">
		<title>时钟特效case</title>
		<style>
        .myclock {
   
            width: 575px;
            height: 575px;
            margin: 100px auto;
            /* 表盘背景 */
            background: url(img/z.jpeg) no-repeat;
            position: relative;
        }
        .myclock div {
   
            position: absolute;
            top: -20px;
            left: 20px;
            width: 100%;
            height: 100%;
        }<

最低0.47元/天解锁文章

Oscar不是秃头Boy

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
JS 实现简单时钟特效（二）动态时钟圆盘

动态时钟圆盘之前写了一个极简版的JS 实现简单时钟特效现在我们给它变漂亮，加一些图片，给它美化美化上代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>时钟特效case</title> <style> .myclock { width: 575p
复制链接

扫一扫