MahatmaCrond

SVG Mask with Animated Gradient Backgound (CSS3)

I had this idea to use a track matte technique from After Effects (or a clipping mask in photoshop) to make a cool effect using just HTML and CSS.

This utilizes a 100% wide, 100% tall SVG image with text cut out from it. The background of the section that the image covers has an animated gradient using CSS3.The result is a really cool effect with unlimited creative possibilities.

You could change the size of the section to any proportion and not have this take up 100% of the screen size.

MahatmaCrond

<?php
 
$request = new HttpRequest();
$request->setUrl('https://{brightpearl-datacenter}.brightpearl.com/public-api/{brightpearl-account}/order-service/order/{order-id}');
$request->setMethod(HTTP_METH_GET);
 
$request->setHeaders(array(
  'Cache-Control' => 'no-cache',
  'Authorization' => 'Basic Og==',
  'brightpearl-account-token' => '{insert brightpearl account token}',

MahatmaCrond

#!/bin/bash

trap exit SIGINT;  

## Bash colours because we like nice things.
YELLOW="\033[01;33m"
BLUE="\033[01;34m"
BOLD="\033[01;01m"
RED="\033[01;31m"
RESET="\033[00m"

MahatmaCrond

Keybase proof

I hereby claim:

• I am mahatmacrond on github.
• I am mahatmacrond (https://keybase.io/mahatmacrond) on keybase.
• I have a public key ASAtFEVCQ52FXghSRANsPqwzKaai9XZcFIBx4sk-_u-6igo

To claim this, I am signing this object: