Othon Ciparoni - CSS para Elementor
Закрытый канал
Duração: 62 h 9 min Tamanho: 15.78 GB Via @PopularCursosHub Invite link: https://t.me/+NJvoe8kgTgBjYjcx
Больше
Сеть:657
Подписчики
Нет данных24 часа
Нет данных7 дней
Нет данных30 день
Загрузка данных...
Похожие каналы
Нет данных
Возникли проблемы? Пожалуйста, обновите страницу или обратитесь к нашему support-менеджеру .
Облако тегов
Нет данных
Возникли проблемы? Пожалуйста, обновите страницу или обратитесь к нашему support-менеджеру .
Входящие и исходящие упоминания
---
---
---
---
---
---
Привлечение подписчиков
июнь '24
июнь '24
+657
в 0 каналах
Посты канала
= 15. Bônus - Lives sobre CSS e Javascript
== 1. Trabalhando com SVG no Elementor
#F196
== 2. RESPONSIVIDADE - Como deixar a sua página perfeita em qualquer dispositivo
#F197 #F198
== 3. Animações com CSS no Elementor
#F199
== 4. Manipulando estilos com CSS e Javascript
#F200 #F201
== 5. Transforme qualquer layout em realidade com CSS Grid
#F202
== 6. PÁGINA DE PRESELL - Criando um quiz com Elementor
#F203
== 7. Adaptando códigos prontos do Codepen para Elementor
#F204 #F205
== 8. Automatizando alterações em landing pages
#F206
== 9. Pseudo-elementos꞉ como criar elementos do zero com CSS
#F207
== 10. Formulários Condicionais
#F208
== 11. Divisores personalizados com SVG e CSS no Elementor
#F209
== 12. Posicionando elementos com CSS no Elementor
#F210
== 13. Máscaras com Clip-Path no Elementor
#F211
== 14. Menu Fixo com Elementor
#F212 #F213
= 16. Bônus - Workshop Otimização
== 1. Workshop Otimização de Landing Pages
#F214 #F215 #F216 #F217 #F218
-
Uploaded via app Tg-Streamer
via @PopularCursosHub
Conteudo diponibilizado gratuitamente se voce pagou pra estar aqui foi enganado
| 2 | == 33. Playlist de vídeos
#F107
== 34. Botões do PayPal e do Stripe
#F108
== 35. Rastreador de progresso
#F109
== 36. Caixa de Imagem
#F110
== 37. Caixa de ícone
#F111
== 38. Classificação
#F112
== 39. Carrossel de imagens
#F113
== 40. Galeria básica
#F114
== 41. Lista de ícones
#F115
== 42. Contador
#F116
== 43. Barra de progresso
#F117
== 44. Depoimentos
#F118
== 45. Abas
#F119
== 46. Acordeão e Sanfona
#F120
== 47. Ícones Sociais
#F121
== 48. Alerta
#F122
== 49. SoundCloud
#F123
= 10. CSS na prática
== 1. Introdução
#F124
== 2. Botão com brilho animado
#F125
== 3. Botão com bordas degradê arredondadas
#F126
== 4. Criando BGs com degradês
#F127
== 5. Background com luzes animadas
#F128
== 6. Criando um checklist
#F129
== 7. Transição suave em botões com degradê
#F130
== 8. Linhas do tempo (timelines)
#F131
== 9. Carrossel contínuo
#F132
== 10. Carrossel de textos (marquee)
#F133
== 11. Personalizando a barra de rolagem (scrollbar)
#F134
== 12. Bordas em elementos com clip-path
#F135
== 13. Botões 3D (estilo russos)
#F136
== 14. Elementos flutuando
#F137
== 15. Microinterações
#F138
== 16. Carrossel com fade nas laterais
#F139
== 17. Painéis com flex grow
#F140
== 18. Criando SVGs animados
#F141
== 19. Menu suspenso de tela cheia com clip-path
#F142
== 20. Botão pulsando
#F143
== 21. Botão com máscara no hover
#F144
== 22. Botão com luzes (box-shadow)
#F145
== 23. Efeito de pontos luminosos (vagalumes)
#F146
== 24. Efeito hover com transform scale
#F147
== 25. Borda animada
#F148
== 26. Imagem colorida (ou preta e branca) no hover
#F149
== 27. Efeito hover para exibir páginas na galeria (portfólio)
#F150
= 11. Bônus - Manipulando CSS com Javascript
== 1. Variáveis
#F151
== 2. Encontrando os elementos da página
#F152
== 3. Adicionando estilos CSS com Javascript
#F153
== 4. Adicionando ou removendo classes com Javascript
#F154
== 5. Funções
#F155
== 6. Adicionando eventos
#F156
== 7. Condicionais (if, else if e else)
#F157
== 8. Laços de repetição (loop) - for e forEach
#F158
== 9. Acordeão e Safona fechados (ou abertos) ao abrir a página
#F159
== 10. Hover dinâmico vinculado à posição do mouse
#F160
== 11. Animações de entrada vinculadas ao scroll
#F161
== 12. Mudar a cor da seção ao fazer scroll
#F162
== 13. Criando um formulário com campo Outro e validando as respostas
#F163
== 14. Destacando partes importantes do texto vinculado ao scroll
#F164
== 15. Criando um vídeo para VSL (estilo VTurb) com o Youtube
#F165
= 12. Bônus - Animações avançadas com GSAP
== 1. O que é o GSAP e como utilizá-lo no Elementor？
#F166
== 2. Conhecendo os métodos set, to, from e fromTo
#F167
== 3. Delay, Repeat, Yoyo e Stagger
#F168
== 4. Eases
#F169
== 5. Alterando os valores padrões do GSAP
#F170
== 6. Criando timelines (sequências de animações)
#F171
== 7. Parâmetros de posição
#F172
== 8. Funções e Callbacks
#F173
== 9. ScrollTrigger - Vinculando animações ao scroll
#F174
== 10. matchMedia꞉ O media query do GSAP
#F175
== 11. Animações de entrada com ScrollTrigger
#F176
== 12. Mudando a cor da seção com ScrollTrigger
#F177
== 13. Animação ＂entrando na tela do computador＂
#F178
== 14. Transição de elementos com clip-path e ScrollTrigger
#F179
== 15. Criando um carrossel com scroll horizontal
#F180
= 13. Bônus - Carrosséis com SwiperJS
== 1. O que é o SwiperJS e como instalá-lo no Elementor？
#F181
== 2. Entendendo a estrutura HTML e recriando-a no Elementor
#F182
== 3. Script para remover o e-con-inner
#F183
== 4. Adicionando paginação e navegação
#F184
== 5. Customizando os elementos com CSS
#F185
== 6. Conhecendo os parâmetros mais utilizados
#F186
== 7. Breakpoints꞉ tornando o carrossel responsivo
#F187
== 8. Eventos
#F188
== 9. Carrossel Coverflow com desfoque
#F189
== 10. Carrossel vertical com fade
#F190
= 14. Bônus - Imersão CSS
== 1. Imersão CSS
#F191 #F192 #F193 #F194 #F195 | 999 |
| 3 | ⚠️ Clique aqui para ver o Menu de navegação ⚠️
Use as # para acesso rápido :
Extra
#E0
= 1. Comece por aqui
== 1. Informações importantes
#F0
= 2. Introdução ao HTML
== 1. O que é HTML？
#F1
== 2. Estrutura básica do HTML
#F2
== 3. Principais elementos do HTML
#F3
== 4. Entendendo a árvore DOM
#F4
= 3. Introdução ao CSS
== 1. O que é CSS？
#F5
== 2. Estrutura do CSS
#F6
== 3. Formas de inserir CSS na página
#F7
== 4. Modelo de Cascata, Herança e Especificidade
#F8
== 5. CSS Box Model
#F9
== 6. Trabalhando com cores
#F10
== 7. Unidades de Medida
#F11
== 8. Organizando os seus códigos com comentários
#F12
= 4. Conhecendo os tipos de seletores
== 1. Seletores Básicos
#F13
== 2. Seletores de Combinação
#F14
== 3. Seletores de Atributos
#F15
== 4. Pseudo-Elementos
#F16
== 5. Pseudo-Classes de Estado
#F17
== 6. Outras Pseudo-Classes
#F18
== 7. Selector - A tag própria do Elementor
#F19
= 5. Principais propriedades do CSS
== 1. Propriedade Display
#F20
== 2. Propriedade Position
#F21
== 3. Propriedades de texto
#F22
== 4. Propriedades de cor
#F23
== 5. Propriedades de dimensão
#F24
== 6. Propriedades de background
#F25
== 7. Propriedades de borda
#F26
== 8. Propriedade z-index
#F27
== 9. Propriedades de filtros
#F28
== 10. Propriedade box-shadow
#F29
== 11. Propriedade cursor
#F30
== 12. Propriedade overflow
#F31
== 13. Propriedade clip-path
#F32
== 14. Propriedades de máscara
#F33
== 15. Propriedades de transformação
#F34
== 16. Propriedades de animação
#F35
== 17. Propriedades de transição
#F36
== 18. Propriedades SVG
#F37
== 19. Entendendo e utilizando shorthands
#F38
== 20. Media Queries
#F39
== 21. Variáveis CSS
#F40
== 22. Propriedade mix-blend-mode
#F41
== 23. Propriedade pointer-events
#F42
== 24. Propriedade white-space
#F43
== 25. Função clamp()
#F44
== 26. Função calc()
#F45
= 6. CSS Flexbox
== 1. O que é o Flexbox？
#F46
== 2. Flexbox Container e Flexbox Items
#F47
== 3. Propriedades do Flexbox Container (pai)
#F48
== 4. Propriedades dos Flexbox Items (filhos)
#F49
= 7. CSS Grid
== 1. O que é o CSS Grid？
#F50
== 2. Entendendo a estrutura do CSS Grid
#F51
== 3. A unidade de medida fr
#F52
== 4. Propriedades grid-template-rows e grid-template-columns
#F53
== 5. Propriedades grid-template-areas e grid-area
#F54
== 6. Propriedades de gap
#F55
== 7. Propriedades de posicionamento
#F56
== 8. Propriedades grid-row e grid-column
#F57
== 9. Propriedades grid-auto-rows e grid-auto-columns
#F58
== 10. Grid responsivo com auto-fit, auto-fill e minmax
#F59
== 11. Exemplos práticos
#F60
= 8. DevTools
== 1. O que são as DevTools e como iniciá-las？
#F61
== 2. Conhecendo a interface e algumas funcionalidades
#F62
== 3. Elements - Aba do Código HTML
#F63
== 4. Elements - Aba Styles
#F64
== 5. Elements - Aba Computed
#F65
== 6. CSS Overview
#F66
== 7. Rendering
#F67
== 8. Changes
#F68
== 9. Animations
#F69
== 10. Console
#F70
== 11. Sources
#F71
== 12. Ferramentas de Performance
#F72
== 13. Simuladores CSS
#F73
== 14. Exemplo prático - Copiando o CSS de uma página
#F74
= 9. Estruturas dos Widgets
== 1. Introdução
#F75
== 2. Container
#F76
== 3. Título
#F77
== 4. Imagem
#F78
== 5. Texto
#F79
== 6. Video
#F80
== 7. Botão
#F81
== 8. Divisor
#F82
== 9. Espaçamento
#F83
== 10. Google Maps
#F84
== 11. Ícone
#F85
== 12. Posts
#F86
== 13. Portfólio
#F87
== 14. Formulário
#F88
== 15. Entrar
#F89
== 16. Slides
#F90
== 17. Menu de navegação
#F91
== 18. Manchete animado
#F92
== 19. Hotspot
#F93
== 20. Lista de preços
#F94
== 21. Tabela de preços
#F95
== 22. Caixa que vira (flip box)
#F96
== 23. Carrossel de mídia
#F97
== 24. Carrossel de depoimentos
#F98
== 25. Sumário
#F99
== 26. Contagem regressiva
#F100
== 27. Botões de compartilhamento
#F101
== 28. Caixa de citação
#F102
== 29. Widgets do Facebook
#F103
== 30. Widget Modelo
#F104
== 31. Lottie
#F105
== 32. Código destacado
#F106 | 742 |
| 4 | #E1 Othon Ciparoni - CSS para Elementor_1 | 630 |
| 5 | #E0 content report | 606 |
| 6 |  #F218 2. Aula | 598 |
| 7 | #F217 1. Aula_part3 | 557 |
| 8 | #F216 1. Aula_part2 | 534 |
| 9 | #F215 1. Aula_part1 | 500 |
| 10 | #F214 1. Aula_part0 | 486 |
| 11 | #F213 1. Aula_part1 | 473 |
| 12 | #F212 1. Aula_part0_part0_part0_part0_part0_part0 | 456 |
| 13 | #F211 1. Aula | 440 |
| 14 | #F210 1. Aula | 509 |
| 15 | #F209 1. Aula | 648 |
| 16 | #F208 1. Aula | 574 |
| 17 | #F207 1. Aula | 414 |
| 18 | #F206 1. Aula | 401 |
| 19 | #F205 1. Aula_part1 | 621 |
| 20 | #F204 1. Aula_part0 | 601 |
