Code Monkey home page Code Monkey logo

moniquefracarollicamargo / anima-o-com-svg Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 45 KB

Elaboração da página inicial e criação da apresentação visual através dos elementos SVG, CSS3 e JavaScript, criando animações e efeitos de diversas formas. Exportar e importar SVGs, a partir das ilustrações originais do Illustrator. Capturar eventos de tela, usando JavaScript e a partir desses eventos, criar animações, integrar o JavaScript para capturar eventos de tela, clique, scroll, digitação, eventos de teclado. Integração CSS e com SVG. Realização através do Alura Cursos.

JavaScript 4.72% CSS 3.80% HTML 91.48%

anima-o-com-svg's Introduction

Curso Alura - Vetores e Animação com SVG: Trabalhando com CSS e JavaScript

Animação

✏️ Descrição do Projeto

  • Elaboração da página inicial e criação da apresentação visual através dos elementos SVG, CSS3 e JavaScript, criando animações e efeitos de diversas formas.
  • Exportar e importar SVGs, a partir das ilustrações originais do Illustrator.
  • Capturar eventos de tela, usando JavaScript e a partir desses eventos, criar animações, integrar o JavaScript para capturar eventos de tela, clique, scroll, digitação, eventos de teclado.
  • Integração CSS e com SVG

🔨 Funcionalidades do projeto

  • Funcionalidade 1: Apresenstação inicial verão.
  • Funcionalidade 2: Animação usando várias propriedades de CSS, desde propriedades de posição, de preenchimento e de borda.
  • Funcionalidade 3: JavaScript com integraçãp com CSS e com o SVG, movimentação dos objetos, cards animados, que entram e saem da tela.

Animação

💻 Tecnologias Utilizadas

  • HTML5
  • CSS3
  • JavaScript
  • SVG
  • Illustrator
  • Documentação W3C e MDN.

🌟 Confira o site

Verão

Agradecimento

  • Alura Cursos

GitHub issues

anima-o-com-svg's People

Contributors

moniquefracarollicamargo avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.