CSS技巧收集——毛玻璃效果（深入理解濾鏡filter）

阿新 • • 發佈：2018-12-18

* { margin: 0px; padding: 0px; } html, body { font-size: 19px; font-family: 'Verdana', 'Arial'; color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; } .main { width: 100%; height: 100%; position: relative; background: url(img/bg1.jpg) center top; background-size

: cover; } .content { width: 800px; height: 400px; position: absolute; top: 50%; left: 50%; overflow: hidden; margin-top: -200px; margin-left: -400px; border-radius: 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5); z-index: 100; padding: 50px; box-sizing: border-box; /*不會把盒子撐開*/

} .content::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; /*-1 可以當背景*/ -webkit-filter: blur(20px); filter: blur(20px); margin: -30px; /*消除邊緣透明*/ background: url(img/bg1.jpg) center top; background-size: cover; /*平鋪*/

background-attachment: fixed; /*位置固定*/ } .content h1 { text-align: center; margin-bottom: 20px; } .content p { line-height: 1.7; /*1.7倍行間距*/ }

CSS技巧收集——毛玻璃效果（深入理解濾鏡filter）

* { margin: 0px; padding: 0px; } html, body { font-size: 19px; font-family: 'Verdana', 'Arial'; color: rgba(0, 0, 0, 0.8); wi

Java體系介紹（深入理解Java虛擬機）

方式 java語言理解 java方法載器使用編譯三方但是網絡帶來的挑戰和機遇：平臺無關性、安全性和網絡移動性，Java體系的這三方面共同使得Java和發展中的網絡計算環境相得益彰 Java體系結構包括四個獨立但相關的技術： Java程序設計語言 J

iOS毛玻璃效果（不需要任何第三方了）

分享兩種毛玻璃效果設定的方法，不需要任何三方東東，先看效果：原圖：方法一（iOS8系統方法）：方法二：下面是示例程式碼： #import "ViewController.h"@interface ViewController () { UIIm

垃圾收集器與內存分配策略（深入理解JVM二）

nali noclass eth 清理 full gc 原因商業 jit編譯器代碼 1.概述垃圾收集（Garbage Collection,GC）. 當需要排查各種內存溢出、內存泄露問題時，當垃圾收集成為系統達到更高並發量的瓶頸時，我們就需要對這些&ldquo

HTML和CSS中的居中效果（1）

htm inner height overflow n-1 txt posit splay read HTML和CSS中的居中效果單行上下左右居中 Html: <div class=”container”></div> CSS:

第1章計算機系統漫遊（深入理解計算機系統）

printf 保存並運行用戶數據 ogr 語句亂碼 hello 1 #include <stdio.h> 2 3 int main() 4 { 5 printf("hello, world\n"); 6 } 1.1 信息就是位+上下文 h

進入快速通道的委托（深入理解c#）

bject 協變性隱式 out 使用方法 int 在一起 ble 值類型 1.方法組：所有的名稱相同的重載方法合在一起就成為一個方法組。 2.協變性和逆變性：協變性指的是——泛型類型參數可以從一個派生類隱式轉化為基類。逆變性指的是——泛型類型參數可以從一個基類隱式轉化

lambda表達式和表達式樹（深入理解c#）

來看情況下 parameter 成員表示 3.5 multi ret 委托 1.Lambda形式 1）. Lambda表達式最冗長的形式：（顯式類型的參數列表）=>{語句} 2）. 大多數時候，都可以用一個表達式來表示主體，該表達式的值是Lambda的結果，在這

java併發系列二（深入!!!理解synchronized,volatile）

一，synchronized詳解這個關鍵字大家想必是相當熟悉了，它是一個比較重量級的鎖，主要有兩層含義，一個是互斥性，一個是可見性。三種用法：1，修飾普通方法2，修飾靜態方法3，修飾程式碼塊這裡有一點需要注意，普通方法要拿到當前例項的鎖，靜態方法要拿到當前class物件的鎖。重點來

JVM GC調優（2）-----GC演算法判定物件可以被回收（部分摘自深入理解Java虛擬機器）

這次我們介紹JVM中的GC演算法引用計數法可達性分析法首先我們提出四個問題哪裡的記憶體需要回收？什麼時候回收？如何回收？ Java與C++之間有一堵由記憶體動態分配和垃圾收集技術所圍成的“高牆”，牆外面的人想進去，牆裡面的人卻想出來。

JVM GC調優（3）-----GC演算法（部分摘自深入理解Java虛擬機器）

介紹幾種GC演算法的思想及其發展過程：標記-清除複製標記-壓縮分代收集演算法 GC演算法主要是用於堆死亡物件的清理的集中方式，他們各有優缺點，下面我們開始做介紹標記清除演算法原理解析 -最基礎的收集演算法是“標記-清除”（ Mark-Swe

C++筆記（十一）——多型的概念和作用（深入理解）

多型是面向物件的重要特性,簡單點說:“一個介面，多種實現”，就是同一種事物表現出的多種形態。程式設計其實就是一個將具體世界進行抽象化的過程，多型就是抽象化的一種體現，把一系列具體事物的共同點抽象出來, 再通過這個抽象的事物, 與不同的具體事物

洛谷1080-國王遊戲（深入理解高精度乘除）

這個題目的解析可以檢視洛谷上的解析，我想寫的是有關這個題目中的高精度問題。 #include<bits/stdc++.h> using namespace std; const int maxn=1010; const int maxm=1000000;

多執行緒同步-互斥物件（深入理解Mutex）

多執行緒之執行緒同步Mutex （功能與Critial Sections相同，但是屬於核心物件，訪問速度較慢，可以被不同程序呼叫）一 Mutex 互斥物件（mutex）核心物件能夠確保執行緒擁有對單個資源的互斥訪問權。實際上互斥物件是因此而得名的。互斥物件包含一個使用數量，

PS曲線-進階教程（深入理解PS曲線）

一、曲線是怎麼來的？ adobe公司想了一個好辦法來修改影象中的各個畫素點的亮度。在PS中，系統將0到255的各個亮度值的“控制開關點”排列在一根直線上，並將這些點串聯起來，使其附近的點能夠隨前後點的變化而發生牽引性關聯變化，這就是曲線的由來。比如，我們調整亮度為80的點（設定這個點

儲存器層次結構（《深入理解計算機系統》）

閱讀《深入理解計算機系統》的第6章，也還是有一些收穫的。首先在腦海中需要對計算機系統的儲存器層次結構有個定性的認識，如下圖所示：從訪問速率最高（容量最小）的暫存器到訪問速率最低（容量最大）的分散式檔案系統，計算機將不同型別的儲存裝置劃分了多個層次。然後通過硬

Qt 之 QThread（深入理解）

簡述為了讓程式儘快響應使用者操作，在開發應用程式時經常會使用到執行緒。對於耗時操作如果不使用執行緒，UI介面將會長時間處於停滯狀態，這種情況是使用者非常不願意看到的，我們可以用執行緒來解決這個問題。前面，已經介紹了QThread常用的兩種方式： Wo

優化程式效能的幾個方法（來自於《深入理解計算機系統》）

int get_vec_element(vec_ptr v, long int index, data_t *dest) { if (index<0||index >= v->len) return 0; *dest = v->data[

cocos2dx學習之路----第九篇（深入理解單點觸控的事件機制）

上一篇我們簡單接觸了關於單點觸控的實現。這一篇我們繼續進一步的理解單點觸控的事件分發的優先順序問題。我們來回顧一下實現觸控的過程： 1.建立新的監聽器； 2.為新的監聽器分配回撥函式（而我們在上一篇中用到了Lamda表示式來實現）； 3.註冊分發監聽器。好，這一篇就是

多執行緒同步-訊號量（深入理解Semaphore）

多執行緒同步之Semaphore （主要解決生產者消費者問題）一信標Semaphore 信標核心物件用於對資源進行計數。它們與所有核心物件一樣，包含一個使用數量，但是它們也包含另外兩個帶符號的3 2位值，一個是最大資源數量，一個是當前資源數量。最大資源數量用於標識信標