background

Fade out text on image

由 一笑奈何 提交于 2020-05-13 18:59:08
问题 I know how to fade out a text on a plain colored background with a CSS transparent gradient. But how is it possible to fade out a text on an image background? Here is an example of what I'd like: NB: I need a static effect just like the image (not a dynamic transition). 回答1: CSS mask-image is probably what you are looking for: div { background: #333; padding: 1em; } p { color: white; font-weight: bold; -webkit-mask-image: linear-gradient(to bottom, white, transparent); mask-image: linear

CSS grayscale filter and background-blend-mode at same time?

由 心不动则不痛 提交于 2020-05-11 04:15:12
问题 I'm trying to treat an image the same way it is in a photoshop file - desaturating the image to grayscale, and then applying a color overlay with a multiply blend mode. To this end, I am styling a CSS background image with... .someclass { /* grayscale */ -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); filter: url(desaturate.svg#greyscale); /* multiply */ background-color: rgba(190, 50, 50, 0.65); background-blend-mode: multiply; } The problem with this is that the grayscale

Silent push not triggering the code execution

由 余生颓废 提交于 2020-04-30 08:50:21
问题 I'm sending silent push notification every 30 minutes, I want execute code when silent notification arrives to device. But after lot of tries, I can't get the result. When I testing it on my device (with version from Xcode) everything works, after uploading it to TestFlight and downloading the version from TestFlight I'm not able to wake the app from background or wake it from terminated state. Simply this code executes after launching an app or app goes to foreground. According to Apple

Silent push not triggering the code execution

由 徘徊边缘 提交于 2020-04-30 08:49:25
问题 I'm sending silent push notification every 30 minutes, I want execute code when silent notification arrives to device. But after lot of tries, I can't get the result. When I testing it on my device (with version from Xcode) everything works, after uploading it to TestFlight and downloading the version from TestFlight I'm not able to wake the app from background or wake it from terminated state. Simply this code executes after launching an app or app goes to foreground. According to Apple

ios 13 objective-c background task request

由 依然范特西╮ 提交于 2020-04-11 05:31:32
问题 I've got a question with objective-c and background task request. Restricted to background modes with ios 13. My App does not run in the background more than 30 seconds. Background modes changed with ios 13. I need to register a background task with objective-c like this: BGTaskScheduler.shared.register(forTaskWithIdentifier: "com.SO.apprefresh", using: nil) { task in self.scheduleLocalNotification() self.handleAppRefreshTask(task: task as! BGAppRefreshTask) } and I need schedule when app

前端构建：Less入了个门

由 对着背影说爱祢 提交于 2020-04-08 07:05:24
http://www.w3cplus.com/css/less 一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　 说到前端构建怎能缺少CSS预处理器呢！其实CSS的预处理器有很多啦，比较出名的有Scss、Sass、Stylus和Less。（最近还听说出现了Autoprefixer等CSS后处理器，可参考@一丝的PPT） 众多CSS预处理器中Less的语法最接近原生CSS，因此相对来说更容易上手，假如有JS、C#等编程经验的话，其实上述的几种预处理器的学习成本也不会特别高。下面是我们这阵子的学习笔记，以便日后查阅。 最好的入门教程——官网地址：http://lesscss.org/ 最佳实践之一——Bootstrap 由于内容较多，特设目录一坨： 二、搭建学习环境 三、内联样式和外联样式 四、语法 1. 注释 2. 变量（Variable） 列表类型 3. 嵌套（Nested） 4. 父选择器引用（ParentSelector） 　 5. 导入指令（Import） 6. 继承（Extend） 　　 6.1. 父选择器必须严格匹配，除了属性选择器中属性值引号不必匹配外，或添加all关键字外。 　　 6.2. 父选择器不支持变量形式 　　 6.3. media query影响继承的作用域 　　　　 6.3.1. media query内的extend操作

CSS 基础（一）

由 孤者浪人 提交于 2020-04-07 21:49:15
一、初识 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一个 样式表定义如何显示 HTML 元素，就像 HTML 中的字体标签和颜色属性所起的作用那样。 样式通常保存在外部的 .css 文件中。我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观。 二、语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明 选择器通常是需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成。属性是希望设置的样式属性，每个属性有一个值，属性和值被冒号分开。 CSS声明总是以分号结束，声明总以大括号括起来 p {color:red;text-align:center;} 注意： 为了让CSS可读性更强，可以每行只描述一个属性 p { color:red; text-align:center; } 注释 CSS注释以 "/*" 开始, 以 "*/" 结束 /*这是个注释*/ p { text-align:center; /*这是另一个注释*/ color:black; font-family:arial; } 三、ID 和

关于背景

由 末鹿安然 提交于 2020-04-07 17:32:18
零碎知识 一、关于背景 1.背景的裁切 控制背景在盒子中的位置 选项 说明 border-box 包括边框 padding-box 不含边框，包括内边距 content-box 内容区域 background-clip: content-box; /* 包住边框 */ background-clip: border-box; /* 在边框内部，不受padding和magin的影响 */ background-clip: padding-box; /* 在盒子的内容区域，受paddign和margin的影响 */ background-clip: content-box; 三者对比： 2.背景平铺 控制背景更在盒子中的分布 选项 说明 repeat 水平、垂直平铺（默认值） repeat-x 水平平铺 repeat-y 垂直平铺 no-repeat 不平铺 space 背景图片对称均匀分布 background-repeat: repeat-y space类似于justify-content: space-between，将背景图片左右对称分布 3.背景滚动 选项 说明 scroll 背景滚动 fixed 背景固定 background-attachment: fixed; /* 随滚动条滚动而滚动 */ background-attachment: scroll; /* 固定不动

【转】Python 之Web编程

由 被刻印的时光 ゝ 提交于 2020-04-07 10:45:39
转： https://www.cnblogs.com/chenyanbin/p/10454503.html 一 、HTML是什么？ # 　　htyper text markup language 即超文本标记语言 　　超文本:就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素 　　标记语言：标记(标签)构成的语言 　　静态网页：静态的资源，如xxx.html 　　动态网页：html代码是由某种开发语言根据用户请求动态生成 　　html文档树结构图： 二 、 什么是标签？ # 　　- 由一对尖括号包裹的单词构成，如<html> 所有标签中的单词不可能从数据开头 　　- 标签不区分大小写<html>和<HTML>，建议使用小写 　　- 标签分两部分：开始标签<a>和结束标签</a>，两个标签之间的部分，叫标签体 　　- 有些标签功能比较简单，使用一个标签即可，这种标签叫做自闭合标签，如：<br/>、<hr/>、<input/>、<img/> 　　- 标签可以嵌套，但不能交叉嵌套。如:<a><b></a></b> 三 、 标签的属性 # 　　- 通常是以键值对形式出现的，例如 name="alex" 　　- 属性只能出现在开始标签 或 自闭合标签中 　　- 属性名字全部小写，属性值必须使用双引号或单引号包裹，如:name="alex" 　　- 如果属性值和属性名完全一样

如何使用less预编译

由 ⅰ亾dé卋堺 提交于 2020-04-07 06:52:57
如何使用less预编译（安装并简单使用） 需要安装node.js （node -v / npm -v）用于查看node/npm版本信息 安装完node 打开终端运行npm i less -g 在建有.less文件夹的位置打开终端 运行 lessc lessDemo.less cssDemo.css（ lessc less文件路径/less文件名 css文件路径/css文件名 ）//用于转换成css less语法 注释 // 只会在less中显示 /**/ 会在编译好的css文件中显示 变量 在less中定义变量使用@符 @bgcolor:red; .box{ width:200px; height:200px; background:@bgcolor; } 编译之后输出的css .box{ width:200px; height:200px; background:red; } 混合 不带参数的混合 .borders{ border: 3px solid red; } .box{ width: 200px; height: 200px; background: pink; .borders } 编译之后输出的css .box{ width: 200px; height: 200px; background: pink; border: 3px solid red; } 带参数的混合
订阅 background