![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
溜溜球q
你的未来时刻在因为你的努力在发生改变
展开
-
css 动画案例
1.数字累加动画动画库地址:https://www.tweenmax.com.cn/demo/const fuwukehu = document.querySelector(".fuwukehu")function countMove(el, endScore=0, time=3, startScore=0) {// time 动画时长 const demo = { score: startScore } // 开始数值 //创建一个tween在20秒内改变score的属性值从0到10原创 2021-10-09 15:59:51 · 188 阅读 · 0 评论 -
css过渡和动画属性
css过渡transition:执行变换的属性 变换延续时间 变换速率 延迟时间;property(执行变换的属性): all 或指定某一个color,wdith可以同时指定多个属性,分别设置不同过渡时间transition:width 2s, height 1s linear (可以设置多个,不写的属性未默认值)transition-property: width, height;transition-duration: 500ms , 1sduration(变换原创 2021-09-24 16:23:58 · 286 阅读 · 2 评论 -
css中auto属性值的使用
理解前须知:width/ height的默认值为automargin的默认为0padding的默认为0border 不写属性的情况下默认为0如果border: solid 不指定大小 单边默认为2.4px,最小可设为为0.8px元素的水平方向的布局:元素在其父元素中水平方向的位置由以下几个属性共同决定一个元素在其父元素中,水平布局必须要满足以下的等式margin-left+border-left+padding-left+width+padding-right+border-rig原创 2021-03-28 11:58:49 · 903 阅读 · 3 评论 -
background各个属性详解
html永远不会出现滚动条如果html或body其中一个添加overflow: auto;,滚动条只会出现在document上html和body同时添加overflow: auto 属性才可以在body上出现滚动条禁用document、html、body滚动条,给最外层的元素设置滚动条<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> .原创 2021-03-26 23:14:20 · 873 阅读 · 1 评论 -
css新增ui方案及案例
/* 自定义字体图标, 可以被所有用户使用 */@font-face{ font-family:"my-font"; //指定字体名字 src:url("字体文件路径");}div{ font-family:"my-font"; }font: 字体大小(必选)/行高 字体族(必选);/* font-style: 字体风格; font-size: 字体大小; font-weight: 字体粗细; line-height: 字体行高; font-family: 字体族; *原创 2021-03-25 23:04:15 · 171 阅读 · 0 评论 -
css选择器的总结
css层叠样式表概念<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2021-03-25 00:13:22 · 123 阅读 · 0 评论