234234234

随笔分类 -  CSS3

前端必学之一
js 计算元素的行高与字体大小，单位px
摘要：const getTagFontSize = (tag: string): number => { const ele = document.createElement(tag); document.body.append(ele); const { fontSize } = getComputed 阅读全文
posted @ 2023-01-06 16:55 ukeepgoing 阅读(635) 评论(0) 推荐(0)
实现模仿 网易播放器播放页 的高斯模糊遮罩及专辑封面的转动效果
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .div { width: 100vw; height: 100vh; position: absolute; le 阅读全文
posted @ 2022-10-14 13:58 ukeepgoing 阅读(206) 评论(0) 推荐(0)
em和rem
摘要：--- --------------------------- -------------------------------------------------------------------------------------- 阅读全文
posted @ 2021-11-02 14:08 ukeepgoing 阅读(31) 评论(0) 推荐(0)
css background
摘要：参考链接: https://www.imooc.com/article/16218 阅读全文
posted @ 2021-01-21 17:09 ukeepgoing 阅读(40) 评论(0) 推荐(0)
css 视口单位 vh
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vh 单位</title> <style type="text/css"> *{ margin: 0px; padding: 0px; } div{ font-size: 8vh; 阅读全文
posted @ 2018-07-24 09:49 ukeepgoing 阅读(447) 评论(0) 推荐(0)
CSS3学习 动画之rotate3d，很炫酷
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> @-webkit-keyframes lll { 0%{ -webkit-transform: rotate3d(1 阅读全文
posted @ 2018-05-19 09:38 ukeepgoing 阅读(480) 评论(0) 推荐(0)
css3 动画学习
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .d1 { margin: auto; width: 40px; height: 250px; transform- 阅读全文
posted @ 2018-05-18 23:59 ukeepgoing 阅读(104) 评论(0) 推荐(0)

23423423423