Links | Telas |
---|---|
093-threesixtyjs-master | |
Sõ Desktop | Telas |
321.3d-carousel-v4panorama |
Links | Telas |
---|---|
177-space-404 | |
178-stranger-things-intro |
Links | Telas |
---|---|
092-hello-worldcontenteditable-arcade-game-text-effect |
Links | Telas |
---|---|
175-holy-robin-quotes |
Links | Telas |
---|---|
182-simple-permission-interface |
Links | Telas |
---|---|
183-adobe-xd-repeat-grid |
Links | Telas |
---|---|
195-challenges-cat-album-with-vue | |
196-css-grid-image-gallery-with-hover-effect | |
197-hexagon-gallery | |
198-infinite-scroll-colcade | |
199-our-best-friends |
Links | Telas |
---|---|
094-alphabet |
Links | Telas |
---|---|
200-desserts-click-to-get-more-info | |
201.egg | |
202.krabby-patty | |
203.smoothie-app | |
204.what-s-sharper-than-a-nacho-and-smoother-than-cheese-sauce |
Links | Telas |
---|---|
095-word-graphic |
|Animação |Telas | | 249.happy-new-year-2020 | |
Fogos de Artifício | Telas |
---|---|
247.dots-flocks | |
248.firework |
Calculadora | Telas |
---|---|
096-Calculadora | |
Contador | Telas |
274.hand-tally-counter | |
TV | Telas |
245.old-tv | |
246.pure-css-home-media-ambilighttry-the-lights |
Calculadora | Telas |
---|---|
172-no-div-arduino-uno-with-lcd-display-and-animation |
Quadro | Telas |
---|---|
434.Quadro |
Links | Telas |
---|---|
062-daylight-cycles-of-earth |
Click | Telas |
---|---|
098-air-horns | |
120-sound-links-menu |
|Arte |Telas | | 209.responsive-sine-cone-animation | | | 210.ro | | | 631.cubes-galaxy | |
Click | Telas |
---|---|
171-single-element-css-banner |
Click | Telas |
---|---|
250.global-warming |
Click | Telas |
---|---|
108-single-div-css-cross-stitch |
Click | Telas |
---|---|
109-dashed-border-generator |
Links | Telas |
---|---|
059-searching-rod |
Click | Telas |
---|---|
423.camera-shutter |
Click | Telas |
---|---|
552.moving-electric-field-lines |
Links | Telas |
---|---|
004.canvas-events-2011-08-22 |
Categoria | Telas |
---|---|
066-product-sorter | |
Hover | Telas |
113-services_tabs | |
Outros | Telas |
114-card_styles | |
115-information_cards | |
Não Resposivos | Telas |
117-chatroom-project | |
151-shopping-ui | |
118-chat-widget | |
Resposivos | Telas |
119-elegant_bootstrap_4_message_chat_box_template | |
266.flexi-bootstrap-thumbnail-cards-cards | |
Prices | Não Resposivos |
150-pricing-table-design | |
Blog | Não Resposivos |
264.article-card | |
3D | Não Resposivos |
265.css-leaning-card-effect |
Categoria | Telas |
---|---|
267.css-aces |
Categoria | Telas |
---|---|
268.css-folded-poster-effect |
Música | Responsivo |
---|---|
163-the-great-ones |
Links | Telas |
---|---|
036.responsive-image-map-demo |
Links | Telas |
---|---|
058-tgmtmorse | |
069-morse-code-alphabet |
Links | Telas |
---|---|
273.barcode |
Picker | Telas |
---|---|
133-isometric-color-picker |
Links | Telas |
---|---|
068-responsive-retro-crt-screen-with-border-image-and-gradient | |
154-Console-master-2 | |
155-cssConsole-master | |
156-javascript-sandbox-console-master |
|Accordion |Telas | | 180-css-responsive-animated-accordion | | | 181-pure-css-accordion | | |Botões |Telas | | 127-buttonFuturistic | | | 129-jqueryswitch-2014-01-28 | | | 130-social-app-menu | | |Botão de Like |Telas | | 260.paw-clap-button | | |Inibidor de Botão |Telas | | 235.cat-and-mouse | | |DropDown |Telas | | 128-single-selectiondevextreme-jquery-drop-down-box | |
Base64 | Telas |
---|---|
107-visualization-of-base64-encoding |
Avatar | Telas |
---|---|
276.pure-css-avatar | |
Campanha | Telas |
275.2020 |
Links | Telas |
---|---|
065-only-css-showcase-car | |
Aprendizado | Com Server |
368.angular-interactive-box-model-diagram | |
Aprendizado | Sem Server |
369.bootstrap-navbar-toggle-animations | |
370.padding-versus-margin-in-the-real-world | |
371.percentage-unit-for-font-size | |
372.percentage-unit-for-width-or-height | |
Background | Telas |
353.5-way-gradient-generator | |
Border | Telas |
354.css-gradient-border-cover-method-works-well-with-border-radius | |
Color | Contrast |
373.c3-color-contrast-checker | |
374.css-grid-style-guide | |
375.der-bunt-color-harmonies-alpha-1-1 | |
376.random-color-palette-generator-with-tinycolor-js | |
Efeitos | Telas |
362.7-basic-animation-effects | |
Logo | Telas |
377.css-batman-logo | |
378.mern-stack-mongodb-express-js-react-js-node-js | |
379.ubuntu | |
nth-child | Telas |
533.nth-child-practice | |
Pessoa | Telas |
365.css-self-portrait | |
366.self-portrait-in-css | |
367.the-girl-with-a-p-e-a-r-l-css-earring | |
Seletores | Telas |
361.css-selectors-cheatsheet | |
Shadow | Telas |
363.google-paper-shadows | |
Transform | Telas |
364.css-transform-functions-visualizer |
Links | Telas |
---|---|
278.cursors | |
279.custom-cursors-using-data-uri |
Responsivo | Telas |
---|---|
157-a-minimalist-resume | |
158-resume |
Responsivo | Telas |
---|---|
159-animating-charts-grid | |
160-windows-8-metro-ui | |
Local não | Funciona só em Servidor |
161-codepen_ajCxc | |
Tarefas | Telas |
319.task-manager-ui-with-css-grid |
Aprender | Telas |
---|---|
280.eye | |
Estante | Telas |
544.css-collector-s-cabinet |
Links | Telas |
---|---|
543.alphabet-speed-test |
Não Responsivo | Telas |
---|---|
337.base-element |
Hierarquia | Telas |
---|---|
339.charted |
Links | Telas |
---|---|
340.lappy | |
Só PC | Telas |
341.mindmap-draggable-exploration |
Com Som | Telas |
---|---|
666.quizComSom | |
Ferramentas | Telas |
665.duolingo-streak | |
Imagens | Telas |
662.duolingo-learning-reason-onboarding | |
663.duolingo-listen-and-select-activity | |
Texto | Telas |
661.duolingo-inspired-f-l-i-p-animation | |
664.duolingo-mobile-lesson |
Links | Telas |
---|---|
060-CodePen_Export_Nqwbmg | |
Processo | Timeline |
387.process-timeline | |
Produtos | Responsivo |
326.bottle-of-text | |
380.ecommerce_product_detail | |
381.product_shopping_grid_styles | |
Produtos | Não Responsivo |
145-css-big-box-pc-games | |
146-css-trapper-keeper-effect | |
147-pricingpure-css16 | |
173-ui-to-code-1-juuce-app | |
Produtos | Detalhes - Responsivo |
383.move-spotlight-position | |
Produtos | Hover - Não Responsivo |
382.codepen_yeEXWN | |
Produtos | Escolha da Cor |
385.pick-your-t-shirt-color | |
Tamanho | Não Responsivo |
152-xs-s-m-l-xl | |
Tickets | Responsivo |
148-choose-ticketpure-css08 | |
Tickets | Náo Responsivo |
384.fun-with-css-counters-4-separate-the-increments | |
Tickets | Não Responsivo |
149-folding-ticket-detail | |
Serviços | Responsivo |
179-css-grid-workout-schedule | |
Refrigerante | Responsivo |
336.interactive-soft-drink-lid |
Testes | Telas |
---|---|
388.verbal | |
389.animate-page-2013-06-13 | |
[390.Efeitos de Texto](https://renatomportugal.github.io/04.template/390.Efeitos de Texto) | |
Notas de Lições | Telas |
391.lesson-notes |
Links | Telas |
---|---|
028.map-creator |
Links | Telas |
---|---|
288.emoji-picker-on-textarea |
Responsivo | Telas |
---|---|
164-material-design-responsive-card | |
165-snap-it-like-thanos |
Links | Telas |
---|---|
545.e-portfolio-part-3-stega | |
546.part-3-steganography-using-javascript | |
547.steganography | |
548.steganography-2 |
Links | Telas |
---|---|
549.cursor-elevator |
Responsivo | Telas |
---|---|
324.gdpr-are-you-ready-the-countdown-begins | |
325.responsive-grid-timeline |
Matrix | Telas |
---|---|
343.matrix-digital-rain-animated-version | |
344.the-matrix-is-everywhere | |
Lost | Telas |
346.jqVintageTxt-master | |
551.dailycssimages-day-20mike |
Responsivo | Telas |
---|---|
166-flowchart-gojs |
Links | Telas |
---|---|
064-old-paper |
Links | Telas |
---|---|
131-bootstrap-3-contact-form-with-validation | |
132-elegant-contact-form | |
Abelhas | Telas |
231.not-the-bees | |
286.bootstrap_4_animated_dynamic_form |
Links | Telas |
---|---|
287.solicitacao-de-ferias |
Puzze | Telas |
---|---|
426.svg-pattern-jigsaw-puzzle-gallery-experiment | |
Sombra | Telas |
[427. image-drop-shadow-effects](https://renatomportugal.github.io/04.template/427. image-drop-shadow-effects/) | |
Outros | Telas |
556.new-portfolio-layout | |
557.splitting-an-image |
Grava Tela | Telas |
---|---|
322.lavalamp-image-shader |
Mostra FPS | Telas |
---|---|
323.canvas-tree |
Flex | Telas |
---|---|
429.thumbnail_gallery_modal_view_and_arrow_key_navigation | |
430.easiest-masonry-grid-layout-tutorial | |
431.grid-masonary | |
Filtro de Busca | Telas |
428.pure-css-project-filter-tabs | |
Template | Telas |
475.TemplateGaleria |
|1D |Telas | | 612.the-fearsome-three-a-codepen-game | | | 618.flappy-human-with-canvas | | |2D |Telas | | 580.16bit-snake-game | | |3D |Telas | | 596.Cube-engine-master | | | 581.car-pool-game | | | 582.Digger-master | | | 583.game | | | 584.game-of-trains-css-js-no-tricks | | | 585.ghost-pong | | | 586.HTML5-Asteroids-master | | | 587.maze-generation-with-p5-js | | | 588.orbium-gh-pages | | | 589.playable-canvas-asteroids | | |Arcade |Telas | | 619.AlienInvasion-master | | | 620.game | | |Arkanoid |Telas | | 459.block-breaking | | | 648.brick-breaker | | |Aperte-o-Coelho |Telas | | 594.wack-the-bunny-game-easter-inspired-css-javascript | | |Apenas a Tela |Telas | | 472.streetFighter | | |Atravessar a Rua |Telas | | 632.daily-pen-023-cross-the-street-game | | |Celular |Telas | | 645.font-crush | | |Chuva |Telas | | 647.Game_Chuva | | |Clique |Telas | | 656.html-whac-a-mole | | |Concentração |Telas | | 621.star-ship-alien-portal-star-codepen-space-challenge-with-zim | | |Conectar Pontos |Telas | | 628.connecting-dots | | |Demo |Telas | | 597.jeffrey-bennett-s-super-cool-resume | | | 598.role-swapped-space-invaders | | |Enduro |Telas | | 641.enduro | | |Forca |Telas | | 460.plankman-a-css-game | | | 654.vue-hangman | | |Futebol |Telas | | 593.soc-car | | |Guitar Hero - CORS |Telas | | 461.sonorous-string-master | | |Habilidades Manuais |Telas | | 466.js-lock-picking-game | | |Jogo da Velha |Telas | | 640.ea172814c55441519e1340159e2b68f3 | | | 655.html-css-only-noughts-and-crosses | | |Labirinto |Telas | | 558.9418c473895a4890802081727b7d37d5 | | | 613.dfs-bfs-and-a-pathfinding-compared | | | 614.how-to-make-a-maze | | | 615.labirint-game | | | 616.maze-generator | | | 617.random-maze-generator | | |Marcador de Energia |Telas | | 465.fight | | |Memória |Telas | | 467.memodeck-fully-responsive | | | 468.memory | | | 470.html5-canvas-puzzle-2012-02-18 | | | 606.concentration-memory-game | | | 607.memory-card-game | | | 608.memory-game | | | 609.memory-game-animal | | | 610.pure-css-concentration-game | | |Minerar |Telas | | 599.tile-game | | |Personagens |Telas | | 469.day-2-character-design-with-css-variables | | |Programador |Telas | | 627.codepenlife-the-codepen-simulator-game | | |Quadro Mágico |Telas | | 633.etch-a-sketch | | |Roda a Roda |Telas | | 471.jquery-spin-wheel-2011-06-09 | | |RPG |Telas | | 559.2d-rpg-from-javascript-array | | | 590.pure-css-rpg-game | | |Snake |Telas | | 591.snake-2011-03-31 | | | 592.snake-master | | | 639.dueling-snakes-game-v1 | | | 646.fw-game-2014-02-03 | | |Space Invaders |Telas | | 595.retro-spaceship-game | | |Sudoku |Telas | | 562.picdoku-2013-05-01 | | |Tabuleiro |Telas | | 473.css-mastermind | | | 563.css-grid-monopoly-harry-potter-edition | | | 564.guess-who | | |Xadrez |Telas | | 560.3D-Hartwig-chess-set-master | | | 561.css-fool-s-mate | |
|Breafing |Telas | | 603.270e729661914940a6b2fcbc00fc2829 | | |Catálogo |Telas | | 625.switch-3d-game-cover-slider-with-gsap | | |Carros |Telas | | 652.grand-theft-css-v2-0 | | |Clique |Telas | | 650.interactive-responsive-svg-image-map | | |Dados |Telas | | 634.dice | | |DRAG'n DROP |Telas | | 636.drag-drop-game | | | 637.drag-and-drop-pixel-garden | | | 638.draggable-plugin-hello-kitty | | |Gravidade |Telas | | 567.apple-falling-classic-with-easy-physics-in-zim-newtonish-dedication | | | 644.floaty-blobs | | |Links |Telas | | 568.binary-addition-on-turing-machine | | | 569.canvas-particular-animation | | | 570.EaselJS-0.8.1 | | | 571.fizzbuzz-codepen-challenge | | | 572.flocking-first-attempt | | | 573.gravity-2012-07-25 | | | 574.physics-playground | | | 574.physics-playground575.physics-simulation-1-pendulum | | | 576.SoundJS-0.6.1 | | | 577.steering-behaviours-on-a-sphere | | | 578.TweenJS-0.6.1 | | |Movimento |Telas | | 604.canvas-rpg-game | | | 605.js-canvas-rpg | | |Mouse |Telas | | 642.find-hidden-numbers-css-color-dodge-game | | | 643.espionage | | |Perfil - Ficha |Telas | | 601.ii-app | | |Programa de Palco |Telas | | 653.grid-of-fortune | | |Skill |Telas | | 611.skill-cooldown | | |Tela Inicial |Telas | | 630.crt-monitor-design | | | 649.game-copycat | |
Links | Telas |
---|---|
327.busca-em-profundidade |
Links | Telas |
---|---|
357.reusable-responsive-grids-1-2-3-3-2-3-1-3-all-css |
Links | Telas |
---|---|
457.SyntaxHighlighter |
Botões | Telas |
---|---|
277.social-distancing-in-cs |
Botões | Telas |
---|---|
110-fireflies | |
317.bold-hover-animations-with-splitting-js | |
318.custom-cursor-effect | |
358.product-mindmap | |
Link da Tela | Telas |
--- | --- |
386.portfolio-hover | |
392.link-fill-on-hover | |
Link da Tela | Responsivo |
--- | --- |
393.bootstrap_4_our_services |
Chinês | Telas |
---|---|
347.learn-stroke-order-of-chinese-characters | |
Coreano | Telas |
348.vinglish-vocab-flashcard-quiz |
Botões | Telas |
---|---|
020-self-destruct-button | |
063-draggable-skeuomorph-switchtoggle | |
100-realistic-red-switch-pure-css | |
Controle | Telas |
--- | --- |
629.bubble-blaster-svg-gsap-cpc-bubbles-codepenchallenge | |
Gauges | Telas |
121-barraHorizontal | |
122-circular1 | |
123-circular2 | |
124-circular3 | |
125-Gauge | |
126-ponteiro | |
Mostrador Mecânico | Telas |
101-mechincal-number-counter | |
Mouse | Telas |
338.mouse-debugger | |
Painéis | Telas |
102-apollo-agc-apollo-guidance-computer | |
Slider | Telas |
349.neumorphic-light-switch | |
Console Video Game | Telas |
622.interactive-nintendo-gameboy-only-css3-js-sound |
|Efeito - Mouse |Telas | | 432.tsparticles-mouse-trail-unveiling-background | | |Links - Mapeamento de Imagem |Telas | | 476.codepenchallenge-teaching-map-area | | | 477.responsive-image-map-demo | | |Links - Mapeamento de Imagem - Editor |Telas | | 478.map-creator | | |Links - Mapeamento de Imagem - Hover |Telas | | 479.highlights-map-area-with-css-hover | | | 480.responsive-scalable-map | | | 482.interactive-map-svg-leader-line-js-hammer-js | | | 483.magnetic-hotspots-w-connecting-lines-gsap-pixi-js | | | 484.mapeamento | | | 485.xkcd-1501-image-map | | |Links - Mapeamento de Imagem - Polyline |Telas | | 481.Javascript-Image-Map-Generator-master | | |Upload Preview |Telas | | 435.knockout-js-html5-file-bindings-with-upload-preview-and-drag-and-drop | | | 436.jquery-image-upload-preview | | | 437.image-upload-preview_2 | | | 438.image-upload-preview | | | 439.file-upload-preview-image | | |Upload Zoom |Telas | | 440.amplify-master | | | 441.elevateweb-elevatezoom-f6bc619 | | | 442.i-like-robots-EasyZoom-be809bf | | | 443.iviewer-0.7.11 | | | 444.jackmoore-zoom-7a52232 | | | 445.zoom.js-master | |
Links | Telas |
---|---|
032.photo-id | |
016.handling-user-uploaded-images-by-derya | |
043.xlayers-2013-08-02 | |
044.z-index-and-stacking-context | |
045.z-index-sass-management |
Links | Telas |
---|---|
034.practice-003crop-image |
Links | Telas |
---|---|
018.image-cropper-prototype | |
040.vue_image-crop | |
007.crop-image |
Links | Telas |
---|---|
003.browser-image-crop | |
010.cropper-try | |
011.croppie-modal-error |
Links | Telas |
---|---|
008.crop-image-using-svg |
Links | Telas |
---|---|
021.impact-summary-map-template-js-master |
|Links |Telas | | 433.hypermorph-3000 | |
|Loader |Telas | | 456.loader-2012-12-27 | | |Contador |Telas | | 458.tweenmax-countto | |
Links | Telas |
---|---|
097-KeyGen |
Links | Telas |
---|---|
067-pyramid-layout |
Links | Telas |
---|---|
061-codepenchallenge-typeset-this-post |
Links | Telas |
---|---|
315.book-layout | |
316.turning-pages-with-css |
Links | Telas |
---|---|
328.css3-loader-spinners |
Links | Telas |
---|---|
329.slide-sign-in-sign-up-form |
Links | Telas |
---|---|
330.CodePen_Export_gqzjeE |
Links | Telas |
---|---|
635.digital-pulse |
Chat | Telas |
---|---|
272.apple-imessage-in-css |
Blur | Telas |
---|---|
486.dynamic-inside-blur-pure-css | |
Botão Suspenso | Telas |
487.circular-navigation-button | |
Hover - Só PC | Telas |
488.menu-hover-slide-fill | |
Ícones | Telas |
489.cpc-a-part-of-the-page-navigation | |
Setorial | Telas |
490.grid-navigation | |
Sobreposto | Telas |
491.dls-scroll-nav | |
Subitens | Telas |
492.mindmap-menu | |
Telas | Telas |
492.mindmap-menu |
Links | Telas |
---|---|
413.CodePen_Export_MWwRKwL | |
414.css-outline | |
418.mind-map | |
420.tree-diagram | |
421.vue-vue-mindmap |
Links | Telas |
---|---|
422.take-out-me |
Cavalo | Telas |
---|---|
233.bojack-s-face-animated-w-gsap |
Links | Telas |
---|---|
331.challenge-take-on-me | |
CORS | Telas |
462.boombox | |
463.rapid-click | |
464.track-mixer |
404 | Telas |
---|---|
176-neon404-page-not-found | |
Arco-íris | Telas |
262.configurable-glowing-rainbow-react-component |
FoxNews | Telas |
---|---|
332.fox-news-tv-display | |
Não Responsivo | Telas |
333.news-ticker |
Links | Telas |
---|---|
012.Cursos | |
342.gojs-vue | |
JSON | Telas |
494.Organograma_JSON | |
495.CodePen_Export_MWKLadq | |
496.CodePen_Export_VaewJE | |
497.editable-mindmap | |
498.node-list | |
499.organo |
Links | Telas |
---|---|
253.easter-rabbit |
Links | Telas |
---|---|
112-native-js-day-8-drawing-canvas |
Links | Telas |
---|---|
565.leader-line-example | |
566.path-generator-on-svg-animated-board |
Links | Telas |
---|---|
014.file-upload-preview-image | |
019.image-upload-preview | |
025.jquery-image-upload-preview | |
026.knockout-js-html5-file-bindings-with-upload-preview-and-drag-and-drop |
Links | Telas |
---|---|
345.carrera-y-previas-gojs |
Radial | Telas |
---|---|
334.radial-animated-progress-2 | |
600.rpg-player-info-smaller |
Links | Telas |
---|---|
005.chrome-bug-blurry-stops-when-more-than-8-colors | |
031.padding-versus-margin-in-the-real-world |
Links | Telas |
---|---|
153-css-ribbon | |
167-corner-ribbons | |
168-css-clip-path-ribbons | |
169-demo-pure-css-corner-ribbon | |
170-pure-css-corner-ribbon | |
424.css-fizzbuzz | |
425.ez-e-learning |
Automático | Telas |
---|---|
350.carousel | |
351.client_or_partners_logo_slider |
Links | Telas |
---|---|
657.js-lottery-2013-04-18 |
Etiquetas | Telas |
---|---|
320.bookmarks-play |
Habilidade | Telas |
---|---|
659.keyboard-hero |
Bandas | Telas |
---|---|
521.RockBand | |
Bar | Telas |
522.64d1932d13ef4c75bf2fd49b65022842 | |
Ciência | Telas |
523.design_studio | |
Circo | Telas |
524.wild-circus-v4 | |
Cross Fit | Telas |
525.7cbd9aa1a65d4307bb1403a1a713215b | |
Dinossauro | Telas |
526.dinosaur-park-scroll-snap-demo | |
Equipe | Telas |
527.code-pen-challenge-cards | |
Eventos | Telas |
528.0607f0df154543d3be3f933489699143 | |
529.conference | |
Imagem de fundo com Texto | Telas |
530.css-parallax-hero | |
531.hero-challenge3-designs-click-buttons-to-see | |
Vídeo - Só PC | Telas |
532.internal-video-platform-ui |
Links | Telas |
---|---|
162-technical-page |
Autocomplete | Telas |
---|---|
099-autocomplete |
Autocomplete | Telas |
---|---|
289.mermaid-sequence-diagram | |
290.sample-js-sequence-diagram-with-jquery |
Links | Telas |
---|---|
046-Blender |