A Pen by Amit Sheen on CodePen.
While I was experimenting with SpriteKit fire particles in Xcode, I thought of how easy it would be to create something similar in CSS using mix-blend-mode
. For this to perform as best as possible, I used orange-to-transparent radial gradients for each particle instead of blurring solid orange ones. Slightly blurring the non-moving parent div didn’t really cause a problem though.
A Pen by Jon Kantner on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link rel="import" href="../notification-elements/notification-alert.html"> | |
<link rel="import" href="../chart-js/chart-js.html"> | |
<link rel="import" href="../google-map/google-map.html"> | |
<link rel="import" href="../topeka-elements/category-icons.html"> | |
<link rel="import" href="../core-icon/core-icon.html"> | |
<polymer-element name="my-element"> | |
<template> | |
<style> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
server { | |
listen 80; | |
server_name example.com; | |
rewrite ^ https://$server_name$request_uri? permanent; | |
} | |
server { | |
server_name example.com | |
listen 0.0.0.0:443; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# the IP(s) on which your node server is running. I chose port 3000. | |
upstream node { | |
server 127.0.0.1:40000; | |
} | |
# the nginx server instance | |
server { | |
listen 0.0.0.0:20000; | |
server_name example.com; | |
access_log /var/log/nginx/example.log; |