Ele te oferece uma ferramenta para criar de forma visual, toda a estiliza\u00e7\u00e3o, e depois basta apenas copiar o CSS3 gerado e implementar nos seus projetos.<\/p>\n
As caracter\u00edsticas principais s\u00e3o:<\/p>\n
- \n
- transi\u00e7\u00f5es complexas m\u00faltiplas<\/li>\n
- m\u00faltiplos gradientes lineares e radiais<\/li>\n
- m\u00faltiplas sombras de caixa e texto<\/li>\n
- fontes personalizadas (incluindo fontes do google)<\/li>\n<\/ul>\n
Galerias de efeitos prontos<\/h2>\n
E al\u00e9m do mais, existe uma galeria de v\u00e1rios efeitos prontos, que podem ser customizados de acordo com cada necessidade no CSS3.<\/p>\n
![\"Enjoy](\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2017\/12\/enjoycss-600x285.jpg\")
<\/p>\nVoc\u00ea pode desde de criar at\u00e9 utilizar exemplos da galeria e realizar as modifica\u00e7\u00f5es de acordo com seu projeto. Depois basta copiar o c\u00f3digo CSS3 e utilizar em seu site.<\/p>\n
![\"Efeitos\"](\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2017\/12\/enjoycss-edit-600x249.jpg\")
<\/p>\nOs ajustes s\u00e3o separados em Grupos e dentro desses grupos temos as propriedades:<\/p>\n
- \n
- Text<\/li>\n
- Background<\/li>\n
- Size, position, offset<\/li>\n
- Box Shadow<\/li>\n
- Text Shadow<\/li>\n
- Border and Radius<\/li>\n
- Transitions<\/li>\n
- Transforms<\/li>\n<\/ul>\n
Para alterar o texto, basta clicar do lado esquerdo inferior (Settings) e em text, alterar o seu texto.<\/p>\n
![\"Alterar](\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2017\/12\/enjoycss-text-419x480.jpg\")
<\/p>\nE depois de finalizar, basta clicar me Get the Code.<\/strong><\/p>\n
![\"Bot\u00e3o](\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2017\/12\/enjoycss-button-600x40.jpg\")
<\/p>\nAbra a op\u00e7\u00e3o para copiar o c\u00f3digo CSS3 e HTML.<\/p>\n
![\"O](\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2017\/12\/enjoycss-copy-600x260.jpg\")
<\/p>\nDessa forma, voc\u00ea pode al\u00e9m de aprender como fazer os efeitos, utiliz\u00e1-los de forma customizadas, economizado assim, tempo.<\/p>\n
Espero que tenham gostado, e at\u00e9 a pr\u00f3xima.<\/p>\n","protected":false},"excerpt":{"rendered":"
Todos que trabalham com desenvolvimento, sempre buscam otimizar o tempo. Focando em novas etapas, novas formas de aprendizado, melhorando assim o fluxo de trabalho. Numa \u00e9poca n\u00e3o t\u00e3o distante, criar determinados efeitos com CSS, s\u00f3 era poss\u00edvel com base na “gambiarra”. Uma simples borda arrendonda, era necess\u00e1rio utilizar um conjunto de span, ou imagens para […]<\/p>\n","protected":false},"author":67,"featured_media":15317,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[678],"tags":[],"class_list":["post-7284","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento"],"_links":{"self":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/7284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/users\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/comments?post=7284"}],"version-history":[{"count":0,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/7284\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media\/15317"}],"wp:attachment":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media?parent=7284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/categories?post=7284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/tags?post=7284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}