LucienYang / Blur_desktop
纯html实现类似mac os 动态高斯模糊效果
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Blur desktop
Imaging
Imaging is a simple image processing package for Go
Stars: ✭ 4,023 (+44600%)
Mutual labels: blur
Lmdropdownview
LMDropdownView is a simple dropdown view inspired by Tappy.
Stars: ✭ 543 (+5933.33%)
Mutual labels: blur
Etsyblur
EtsyBlur is an Android library that allows developers to easily add a glass-like blur effect implemented in the Etsy app.
Stars: ✭ 739 (+8111.11%)
Mutual labels: blur
Blurtestandroid
This is a simple App to test some blur algorithms on their visual quality and performance.
Stars: ✭ 396 (+4300%)
Mutual labels: blur
Miblurpopup
MIBlurPopup lets you create popups with a blurred background
Stars: ✭ 598 (+6544.44%)
Mutual labels: blur
Uieffect
UIEffect is an effect component for uGUI element in Unity. Let's decorate your UI with effects!
Stars: ✭ 3,449 (+38222.22%)
Mutual labels: blur
Pesdk Ios Examples
A fully customizable photo editor for your app.
Stars: ✭ 837 (+9200%)
Mutual labels: blur
Sablurimageview
You can use blur effect and it's animation easily to call only two methods.
Stars: ✭ 538 (+5877.78%)
Mutual labels: blur
Glasscord
[BUGFIXES ONLY, SUPPORT WILL DROP MAR 1, 2021] Injecting composition effects into Electron applications!
Stars: ✭ 737 (+8088.89%)
Mutual labels: blur
Gaussianblur
An easy and fast library to apply gaussian blur filter on any images. 🎩
Stars: ✭ 473 (+5155.56%)
Mutual labels: blur
Blurify
blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode.
Stars: ✭ 665 (+7288.89%)
Mutual labels: blur
Shadowview
An iOS Library that makes shadows management easy on UIView.
Stars: ✭ 391 (+4244.44%)
Mutual labels: blur
Dynamicblurview
DynamicBlurView is a dynamic and high performance UIView subclass for Blur.
Stars: ✭ 792 (+8700%)
Mutual labels: blur
Orionpreview
🅾️ OrionPreview is a simple animation with tanslation or scale views written in Java.
Stars: ✭ 335 (+3622.22%)
Mutual labels: blur
Lmdropdownviewswift
LMDropdownViewSwift is a simple dropdown view inspired by Tappy.
Stars: ✭ 18 (+100%)
Mutual labels: blur
Visualeffectview
Dynamic blur background view with tint color (UIVisualEffectView subclass) 📱
Stars: ✭ 795 (+8733.33%)
Mutual labels: blur
blur_desktop
纯html实现类似mac os 动态高斯模糊效果
先看下效果：
在线demo:https://lucienyang.github.io/blur_desktop/
整个页面分为：
- 顶部工具栏（实现了高斯模糊）
- 桌面区
- 开始菜单（实现了高斯模糊）
- 通知区（实现了高斯模糊）
- 底部dock（实现了高斯模糊）
桌面展示
开始菜单和通知区展示
其实原理就是把桌面截了个屏然后再做高斯模糊，覆盖在原来的的桌面上截取部分作展示，也就其实是两层图片
用到的js库如下
html2canvas 一个纯前端js工具用来将页面截取成一个图片
StackBlur 使用canvas技术做高斯模糊的js工具，挺好用
当然，做的这个东西是建立在对性能，对浏览器兼容性等等都不考录的情况下的一个尝试，目前在chrome下测试效果完全没有问题，在IE下好像不太理想，HTML5性能不好
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].