All Projects → musartedev → dibujarte-css

musartedev / dibujarte-css

Licence: other
🎨 Galería de arte con CSS

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
python
139335 projects - #7 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to dibujarte-css

aprendendo-css
Vários desenhos feitos com CSS e SCSS (e as vezes um pouco de JavaScript)
Stars: ✭ 56 (-25.33%)
Mutual labels:  css-art
css-art-gallery
A collection of CSS Arts.
Stars: ✭ 127 (+69.33%)
Mutual labels:  css-art

Dibujarte CSS

¡Llegó el momento de dibujar con CSS!

Español · English · Português Brasileiro

🟣 Live

👁 Preview

DEMO GIF

👀 ¿De qué se trata?

Vamos a adentrarnos en el uso de las hojas de estilo. ¿Preparadas/os para aprender y estimular su imaginación? Cualquiera puede participar, la idea es compartir el proceso.

🤔 ¿Cómo puedo participar?

No tienes que ser un experto en CSS, la idea es aprender.

🟣 Para empezar vamos a documentarnos sobre las propiedades que nos serán de más utilidad. Les recomiendo buscar:

  • background
  • clip-path
  • box-shadow
  • border

🟣 También les dejo unos recursos para meternos de lleno en el tema:

🟣 Una vez hayamos leído los recursos, vamos a elegir un objeto de la vida cotidiana que nos represente y la dibujaremos con CSS. La técnica es a gusto de cada uno. Puede ser realista, cartoon, etc.

OPCIONAL: Agregar interacción con un poco de JS.

🎨 Quiero que mi dibujo esté en la galería

¡Seguro! Tienes dos maneras de llegarnos para incluir tu arte:

  1. Abre un issue en este repositorio, selecciona el template Solicitud de adición de arte a galería y llena la información.
  2. Haz un tweet con el hashtag #DibujarteCSS y etiqueta a @musartedev

Contribuye

Si quieres contribuir y mejorar la galería, solo haz fork al repositorio y abre un PR describiendo tus cambios :D. Serás añadido a la lista de contribuidores oficiales.

💜 Contribuidores oficiales

📖 License

The (MIT) License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].