• jquery solution,  sass

    SVG cute ghost animation

    Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999. SVG images and their behaviors are defined in XML text files. SVGs can be styled and animated with CSS (slides). Basically, any transformation or transition animation that can be applied to an HTML element can also be applied to an SVG element. But there are some SVG properties that cannot be animated through CSS that can through SVG. An SVG path, for example, comes with a set of data (a d="" attribute) that defines that path’s shape. This data can be modified and…

  • sass

    compile scss to css by npm

    Once Sass is installed, you can compile your Sass to CSS using the sass command. You’ll need to tell Sass which file to build from, and where to output CSS to. For example, running style.scss from sass folder and  compile that file to style.css from css folder. [crayon-5cea3a51f063f809643790/]  

  • sass

    what is sass

    Sass (Systematically Awesome Style Sheets) Sass stands for Systematically Awesome Style Sheets. It is a CSS pre-processor. It is an extension of CSS that is used to add power and elegance to the basic language. It facilitates you to add variables, nested rules, mixins, inline imports, inheritance and more, all with fully CSS-compatible syntax. Sass is a more stable and powerful CSS extension language that describes the style of a document cleanly and structurally. It is very useful to handle large style sheets by keeping them well organized and running quickly small style sheets. What is a CSS preprocessor? A CSS preprocessor is a scripting language that extends CSS by allowing developers…