:root { --color-main: #E799B0; --color-main-semitransparent: #e799b080; --color-1: rgba(252,242,245,0.6); --color-1: #fcf2f585; --color-1-notrans: #fcf2f5; --color-2: #f9e6eb; --color-3: #f6d9e1; --color-4: #f3ccd8; --color-5: #f0bf
游戏循环的开始，意味着游戏的正式开始，游戏循环的作用如下 1.保证游戏不会直接退出 2.变化图像的位置--动画效果 3.检测用户交互--按键、鼠标等 游戏时钟 pyagame提供了一个pygame.time.Clock类，录设置屏幕绘制速度--刷新帧率 要使用时钟对象需要两步: 1.在游戏初始化时候创建
1、html2canvas会自动模糊背景，如果将图片设置成div的背景，会自动模糊。 只需要将图片放在img标签中，就可以解决。 同时可以设置增加分辨率，但是图片会有一个极限，到达清晰度的极限后，增加分辨率不会变得更清晰，只会让图片变得更大。 实际情况酌情处理。 html2canvas(this.$refs.canvas
background: rgba(0, 0, 0, 0.6) -webkit-backdrop-filter: blur(3px) backdrop-filter: blur(3px) 效果：
由 background: linear-gradient(0deg, #09AFE8 0%, #23E3AB 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; 变为 <svg width="100%" height="69"> <defs> <lin
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p:nth-child(3n-2) { background:#ff0000; } p:nth-child
.box { /* 1680/12 */ width: 140px; height: 140px; /* border: 1px solid #000; */ background-image: url(./images/bg.png); animation: move 1s steps(12) infinite; } @keyframes move{ from{ background-position:0
刚开始接触博客园其实感觉界面不好看，后来发现原来可以自己定制，这就引起了我的兴趣，找来找去发现博主Tangent_1231关于这个的介绍写的特别好，我也是对他讲的进行进一步解释，原作者链接：https://www.cnblogs.com/Tangent-1231/p/10393759.html还有一个改进版的也挺不错，地址是：https://ww
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } .box{
声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。 背景 《声生不息》 是芒果TV、香港电视广播有限公司和湖南卫视联合推出的港乐竞唱献礼节目，听着音乐仿佛回到了那个令人怀念的港风席卷整个亚洲的年代
CSS CSS就是Cascading Style Sheet的缩写，中文译作“层叠样式表”或者是“级联样式表”，是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言，CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)，是Web网页开发技术的重要组成部分。 那么接下来，继续看下，使用C
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>固定定位</title> <style type="text/css"> .box1{ width: 200px; hei
运行代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>音乐排行榜</title> <link rel="stylesheet" type="text/css" href="style05.css"> <style> /*清除浏览器默认样式*/ *{mar
使用Qss设置QPushButton图标和显示文本的位置 一、背景 在开发中，经常使用到按钮作为一种输入部件，然而很多时候按钮又有不同的开发设计需求，本文重点分享：如何使用Qss来设置按钮的图标和按钮文本的位置，从而实现预期的开发效果。 【效果】 二、Css样式表 （2-1）常用的QPushButton样
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>选择器的权重</title> <style> /* 当我们使用不同的选择器选择了相同的元素，又为其同一个样式设置了不同的值，
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minim
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>子元素选择器</title> <style> /* 子元素选择器 作用：选中父元素的指定元素 语法：父元素 > 子元素
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>类选择器</title> <style type="text/css"> /* 类选择器 作用：根据元素的class属性选中元素
CSS - 学习笔记 一、什么是CSS Cascading Style Sheet 层叠级联样式表 CSS : 表现（美化网页） 字体，颜色，边距，高度，宽度，背景图片…… 二、CSS 基本语法 <!-- 规范 style type="text/css" 可以编写css的代码 每一个声明使用分号结尾 语法: 选择器 { 声明1; } --> <styl
CSS之Background-clip属性 作用：控制背景的渲染区域 background-clip原理是将背景渲染的区域控制和裁剪背景大小,在裁剪范围外的区域则不会被显示。 取值说明： 1.border-box:此值为默认值，背景从border区域向外裁剪，也就是超出部分将被裁剪掉 2.padding-box：背景从padding区域向外裁剪，
body { background-image: url('images/1.png'); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-bac
一，上固定，下自适应 1，代码 <div class="all"> <div class="top">111</div> <div class="center">222</div> </div> <style> .all { width: 100%; height: 100%; display: flex; fle
建议遵循以下书写顺序⑴布局定位属性：display | position | float | clear | visibility | overflow (建议display第一个书写)⑵自身属性：width | height | maring | padding | bordor | background⑶文本属性：color | font | text-decoration | text-align | vertical-align | white
/** 处理日期控件 **/ .ant-calendar-picker-container { .ant-calendar { border: 1px solid #2a64ff; } //背景 .ant-calendar-date-panel { position: relative; outline: none; background: #1d3d85; } //第一条线 .ant-calendar-input-wrap
Vue中的事件修饰符： 1.prevent：阻止默认事件（常用）； 2.stop：阻止事件冒泡（常用）； 3.once：事件只触发一次（常用）； 4.capture：使用事件的捕获模式； 5.self：只有event.target是当前操作的元素时才触发事件； 6.passive：事件的默认行为立即执行，无需等待事件回调执行完毕； <!DOCT
