├── .DS_Store ├── _starter_files ├── .DS_Store ├── blobs │ ├── index.html │ └── style.css ├── border-radius │ ├── index.html │ └── style.css ├── glassmorphism │ ├── images │ │ ├── bg.png │ │ └── logo.png │ ├── index.html │ └── style.css ├── global │ ├── global.css │ └── nav.js ├── gradient │ ├── images │ │ ├── bg.png │ │ └── logo.png │ ├── index.html │ └── style.css ├── grid │ ├── images │ │ ├── image1.jpg │ │ ├── image2.jpg │ │ ├── image3.jpg │ │ ├── image4.jpg │ │ ├── image5.jpg │ │ └── image6.jpg │ ├── index.html │ └── style.css ├── neomorphism │ ├── images │ │ └── image1.jpg │ ├── index.html │ └── style.css ├── pattern │ ├── images │ │ └── image1.jpg │ ├── index.html │ └── style.css ├── shadow │ ├── images │ │ └── image1.jpg │ ├── index.html │ └── style.css ├── svg-background │ ├── images │ │ └── image1.jpg │ ├── index.html │ └── style.css └── waves │ ├── index.html │ ├── style.css │ └── undraw_design_data_re_0s26.svg ├── blobs ├── index.html └── style.css ├── border-radius ├── index.html └── style.css ├── glassmorphism ├── images │ ├── bg.png │ └── logo.png ├── index.html └── style.css ├── global ├── global.css ├── img │ ├── blobs.png │ ├── glass.png │ ├── grad.png │ ├── grid.png │ ├── neo.png │ ├── orig │ │ ├── blobs.png │ │ ├── glass.png │ │ ├── grad.png │ │ ├── grid.png │ │ ├── neo.png │ │ ├── pattern.png │ │ ├── radius.png │ │ ├── shadow.png │ │ ├── svgbg.png │ │ └── waves.png │ ├── pattern.png │ ├── radius.png │ ├── shadow.png │ ├── svgbg.png │ ├── tinified.zip │ └── waves.png └── nav.js ├── gradient ├── images │ ├── bg.png │ └── logo.png ├── index.html └── style.css ├── grid ├── images │ ├── image1.jpg │ ├── image2.jpg │ ├── image3.jpg │ ├── image4.jpg │ ├── image5.jpg │ └── image6.jpg ├── index.html └── style.css ├── index.html ├── neomorphism ├── images │ └── image1.jpg ├── index.html └── style.css ├── pattern ├── images │ └── image1.jpg ├── index.html └── style.css ├── readme.md ├── shadow ├── images │ └── image1.jpg ├── index.html └── style.css ├── svg-background ├── images │ └── image1.jpg ├── index.html └── style.css └── waves ├── index.html ├── style.css └── undraw_design_data_re_0s26.svg /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/.DS_Store -------------------------------------------------------------------------------- /_starter_files/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/.DS_Store -------------------------------------------------------------------------------- /_starter_files/blobs/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/blobs/index.html -------------------------------------------------------------------------------- /_starter_files/blobs/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/blobs/style.css -------------------------------------------------------------------------------- /_starter_files/border-radius/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/border-radius/index.html -------------------------------------------------------------------------------- /_starter_files/border-radius/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/border-radius/style.css -------------------------------------------------------------------------------- /_starter_files/glassmorphism/images/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/glassmorphism/images/bg.png -------------------------------------------------------------------------------- /_starter_files/glassmorphism/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/glassmorphism/images/logo.png -------------------------------------------------------------------------------- /_starter_files/glassmorphism/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/glassmorphism/index.html -------------------------------------------------------------------------------- /_starter_files/glassmorphism/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/glassmorphism/style.css -------------------------------------------------------------------------------- /_starter_files/global/global.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/global/global.css -------------------------------------------------------------------------------- /_starter_files/global/nav.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/global/nav.js -------------------------------------------------------------------------------- /_starter_files/gradient/images/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/gradient/images/bg.png -------------------------------------------------------------------------------- /_starter_files/gradient/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/gradient/images/logo.png -------------------------------------------------------------------------------- /_starter_files/gradient/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/gradient/index.html -------------------------------------------------------------------------------- /_starter_files/gradient/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/gradient/style.css -------------------------------------------------------------------------------- /_starter_files/grid/images/image1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/grid/images/image1.jpg -------------------------------------------------------------------------------- /_starter_files/grid/images/image2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/grid/images/image2.jpg -------------------------------------------------------------------------------- /_starter_files/grid/images/image3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/grid/images/image3.jpg -------------------------------------------------------------------------------- /_starter_files/grid/images/image4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/grid/images/image4.jpg -------------------------------------------------------------------------------- /_starter_files/grid/images/image5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/grid/images/image5.jpg -------------------------------------------------------------------------------- /_starter_files/grid/images/image6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/grid/images/image6.jpg -------------------------------------------------------------------------------- /_starter_files/grid/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/grid/index.html -------------------------------------------------------------------------------- /_starter_files/grid/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/grid/style.css -------------------------------------------------------------------------------- /_starter_files/neomorphism/images/image1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/neomorphism/images/image1.jpg -------------------------------------------------------------------------------- /_starter_files/neomorphism/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/neomorphism/index.html -------------------------------------------------------------------------------- /_starter_files/neomorphism/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/neomorphism/style.css -------------------------------------------------------------------------------- /_starter_files/pattern/images/image1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/pattern/images/image1.jpg -------------------------------------------------------------------------------- /_starter_files/pattern/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/pattern/index.html -------------------------------------------------------------------------------- /_starter_files/pattern/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/pattern/style.css -------------------------------------------------------------------------------- /_starter_files/shadow/images/image1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/shadow/images/image1.jpg -------------------------------------------------------------------------------- /_starter_files/shadow/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/shadow/index.html -------------------------------------------------------------------------------- /_starter_files/shadow/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/shadow/style.css -------------------------------------------------------------------------------- /_starter_files/svg-background/images/image1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/svg-background/images/image1.jpg -------------------------------------------------------------------------------- /_starter_files/svg-background/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/svg-background/index.html -------------------------------------------------------------------------------- /_starter_files/svg-background/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/svg-background/style.css -------------------------------------------------------------------------------- /_starter_files/waves/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/waves/index.html -------------------------------------------------------------------------------- /_starter_files/waves/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/waves/style.css -------------------------------------------------------------------------------- /_starter_files/waves/undraw_design_data_re_0s26.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/_starter_files/waves/undraw_design_data_re_0s26.svg -------------------------------------------------------------------------------- /blobs/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/blobs/index.html -------------------------------------------------------------------------------- /blobs/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/blobs/style.css -------------------------------------------------------------------------------- /border-radius/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/border-radius/index.html -------------------------------------------------------------------------------- /border-radius/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/border-radius/style.css -------------------------------------------------------------------------------- /glassmorphism/images/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/glassmorphism/images/bg.png -------------------------------------------------------------------------------- /glassmorphism/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/glassmorphism/images/logo.png -------------------------------------------------------------------------------- /glassmorphism/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/glassmorphism/index.html -------------------------------------------------------------------------------- /glassmorphism/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/glassmorphism/style.css -------------------------------------------------------------------------------- /global/global.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/global.css -------------------------------------------------------------------------------- /global/img/blobs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/blobs.png -------------------------------------------------------------------------------- /global/img/glass.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/glass.png -------------------------------------------------------------------------------- /global/img/grad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/grad.png -------------------------------------------------------------------------------- /global/img/grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/grid.png -------------------------------------------------------------------------------- /global/img/neo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/neo.png -------------------------------------------------------------------------------- /global/img/orig/blobs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/orig/blobs.png -------------------------------------------------------------------------------- /global/img/orig/glass.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/orig/glass.png -------------------------------------------------------------------------------- /global/img/orig/grad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/orig/grad.png -------------------------------------------------------------------------------- /global/img/orig/grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/orig/grid.png -------------------------------------------------------------------------------- /global/img/orig/neo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/orig/neo.png -------------------------------------------------------------------------------- /global/img/orig/pattern.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/orig/pattern.png -------------------------------------------------------------------------------- /global/img/orig/radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/orig/radius.png -------------------------------------------------------------------------------- /global/img/orig/shadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/orig/shadow.png -------------------------------------------------------------------------------- /global/img/orig/svgbg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/orig/svgbg.png -------------------------------------------------------------------------------- /global/img/orig/waves.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/orig/waves.png -------------------------------------------------------------------------------- /global/img/pattern.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/pattern.png -------------------------------------------------------------------------------- /global/img/radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/radius.png -------------------------------------------------------------------------------- /global/img/shadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/shadow.png -------------------------------------------------------------------------------- /global/img/svgbg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/svgbg.png -------------------------------------------------------------------------------- /global/img/tinified.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/tinified.zip -------------------------------------------------------------------------------- /global/img/waves.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/img/waves.png -------------------------------------------------------------------------------- /global/nav.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/global/nav.js -------------------------------------------------------------------------------- /gradient/images/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/gradient/images/bg.png -------------------------------------------------------------------------------- /gradient/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/gradient/images/logo.png -------------------------------------------------------------------------------- /gradient/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/gradient/index.html -------------------------------------------------------------------------------- /gradient/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/gradient/style.css -------------------------------------------------------------------------------- /grid/images/image1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/grid/images/image1.jpg -------------------------------------------------------------------------------- /grid/images/image2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/grid/images/image2.jpg -------------------------------------------------------------------------------- /grid/images/image3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/grid/images/image3.jpg -------------------------------------------------------------------------------- /grid/images/image4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/grid/images/image4.jpg -------------------------------------------------------------------------------- /grid/images/image5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/grid/images/image5.jpg -------------------------------------------------------------------------------- /grid/images/image6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/grid/images/image6.jpg -------------------------------------------------------------------------------- /grid/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/grid/index.html -------------------------------------------------------------------------------- /grid/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/grid/style.css -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/index.html -------------------------------------------------------------------------------- /neomorphism/images/image1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/neomorphism/images/image1.jpg -------------------------------------------------------------------------------- /neomorphism/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/neomorphism/index.html -------------------------------------------------------------------------------- /neomorphism/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/neomorphism/style.css -------------------------------------------------------------------------------- /pattern/images/image1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/pattern/images/image1.jpg -------------------------------------------------------------------------------- /pattern/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/pattern/index.html -------------------------------------------------------------------------------- /pattern/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/pattern/style.css -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/readme.md -------------------------------------------------------------------------------- /shadow/images/image1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/shadow/images/image1.jpg -------------------------------------------------------------------------------- /shadow/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/shadow/index.html -------------------------------------------------------------------------------- /shadow/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/shadow/style.css -------------------------------------------------------------------------------- /svg-background/images/image1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/svg-background/images/image1.jpg -------------------------------------------------------------------------------- /svg-background/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/svg-background/index.html -------------------------------------------------------------------------------- /svg-background/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/svg-background/style.css -------------------------------------------------------------------------------- /waves/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/waves/index.html -------------------------------------------------------------------------------- /waves/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/waves/style.css -------------------------------------------------------------------------------- /waves/undraw_design_data_re_0s26.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/svg-css-generator-examples/HEAD/waves/undraw_design_data_re_0s26.svg --------------------------------------------------------------------------------