Skip to content

Instantly share code, notes, and snippets.

View ericlva's full-sized avatar

盟主zuo ericlva

25 followers · 22 following
  • shanghai
View GitHub Profile
@ericlva
ericlva / index.html
Created December 19, 2022 03:55
Merry Christmas Tree!
<svg class="mainSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 600" >
<defs>
<circle id="circ" class="particle" cx="0" cy="0" r="1"/>
<polygon id="star" class="particle" points="4.55,0 5.95,2.85 9.1,3.3 6.82,5.52 7.36,8.65 4.55,7.17 1.74,8.65 2.27,5.52 0,3.3 3.14,2.85 "/>
<polygon id="cross" class="particle" points="4,3.5 2.5,2 4,0.5 3.5,0 2,1.5 0.5,0 0,0.5 1.5,2 0,3.5 0.5,4 2,2.5 3.5,4 "/>
<path id="heart" class="particle" d="M2.9,0C2.53,0,2.2,0.18,2,0.47C1.8,0.18,1.47,0,1.1,0C0.49,0,0,0.49,0,1.1
C0,2.6,1.56,4,2,4s2-1.4,2-2.9C4,0.49,3.51,0,2.9,0z"/>
<radialGradient id="grad" cx="3" cy="3" r="6" gradientUnits="userSpaceOnUse">
@ericlva
ericlva / SassMeister-input-HTML.html
Created March 10, 2014 08:49
Generated by SassMeister.com.
<div class="test-arrow">
</div>
@ericlva
ericlva / meta-tags.md
Created February 18, 2014 13:59 — forked from kevinSuttle/meta-tags.md

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta charset='UTF-8'>
<meta name='keywords' content='your, tags'>
<meta name='description' content='150 words'>
<meta name='subject' content='your website's subject'>
<meta name='copyright' content='company name'>
@ericlva
ericlva / meta-tags.md
Created February 18, 2014 03:35 — forked from kevinSuttle/meta-tags.md

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta charset='UTF-8'>
<meta name='keywords' content='your, tags'>
<meta name='description' content='150 words'>
<meta name='subject' content='your website's subject'>
<meta name='copyright' content='company name'>
@ericlva
ericlva / SassMeister-input-HTML.html
Created January 3, 2014 02:12
Generated by SassMeister.com.
<div class="example-top"></div>
<div class="example-right"></div>
<div class="example-bottom"></div>
<div class="example-left"></div>
@ericlva
ericlva / SassMeister-input-HTML.html
Created January 2, 2014 12:06
Generated by SassMeister.com.
<div class="example-top"></div>
<div class="example-right"></div>
<div class="example-bottom"></div>
<div class="example-left"></div>
@ericlva
ericlva / flexbox.scss
Created December 14, 2013 06:24 — forked from cimmanon/flexbox.scss
@import "compass/css3/shared";
// NOTE:
// All mixins for the 2009 spec have been written assuming they'll be fed property values that
// correspond to the standard spec. Some mixins can be fed values from the 2009 spec, but don't
// rely on it. The `legacy-order` mixin will increment the value fed to it because the 2009
// `box-ordinal-group` property begins indexing at 1, while the modern `order` property begins
// indexing at 0.
// if `true`, the 2009 properties will be emitted as part of the normal mixin call
@ericlva
ericlva / Single-Element-Pure-CSS-MacBook-Pro.markdown
Created October 15, 2013 12:18
A Pen by William.

Single Element Pure CSS MacBook Pro

This is just an experiment! There are certainly better ways to show an image of a MacBook, but none as fun as this :)

A Pen by William on CodePen.

License.

@ericlva
ericlva / Spinning-3d-sphere.markdown
Created September 29, 2013 09:38
A Pen by Michael Beckius.

Spinning 3d sphere

A spinning and bouncing sphere made with just HTML and CSS3. The sphere consists of a bunch of DIV elements with rounded corners, borders and a box shadow.

A Pen by Michael Beckius on CodePen.

License.

@ericlva
ericlva / index.html
Created September 28, 2013 13:02
A Pen by Chris Coyier.
<div id="burst"></div>
<div id="heart"></div>
<div id="infinity"></div>