Welcome to catinred, graphic and media services

Scroll Animation Effects

Una vez vistas las cuatro estaciones os explicamos las características de cada una.

Primavera

Es la estación más colorida de todas, pues es en ella donde inicia la reforestación de la flora terrestre y también de la fauna en el planeta. Es muy conocida también como «estación de las flores». La primavera es una estación de transición entre el invierno y el verano (alrededor del 21/22 de marzo en el hemisferio norte y 22/23 de septiembre en el hemisferio sur).

Verano

Es la estación más caliente del año, en la cual las temperaturas permanecen altas y los días son más largos que las noches. El verano comienza poco después de la primavera (el 21 de diciembre en el hemisferio sur y el 21 de junio en el norte).

Otoño

Es la estación de transición entre verano e invierno. En esta estación, los días dejan de tener mayor duración que las noches. Gradualmente las temperaturas disminuyen y las hojas de los árboles caen, como una forma de adaptación al frío que se acerca. El otoño comienza poco después del verano (21/22 de marzo en el hemisferio sur y 22/23 de septiembre en el norte).

Invierno

Es la estación más fría del año. Tiene como característica principal la caída de las temperaturas, pudiendo llegar a grados bajo cero en muchas regiones del mundo, incluso en Brasil. El invierno comienza poco después del otoño (21 de junio en el hemisferio sur y el 21 de diciembre en el hemisferio norte).

Vídeo Effects (pendiente animación)

Video player from file or url

Video gallery from file or url

Image Effects

Pencil illustration ©PabloOlivera

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Digital illustration ©PabloOlivera

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Poster detail ©PabloOlivera

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Using the before / after tool we can show two scenes or versions of the same element or space.

DayNight

3D image made for the DAB website

3D image made for the DAB website

New York

Cuba

Mexico

Argentina

Kenya

Tanzania

Egypt

Thailand

Graphic Design

Corporate image, graphic and editorial design.

Web Design

web pages, ecommerce, web applications, progressive web apps…

Motion Graphics

we make motion graphics animations for spots, events, fairs and corporations

Packaging

Product packaging design

eLearning

Design of all types of training courses for all types of formats and platforms.

catinred.com for iPad

catinred.com for iPhone

at catinred we are in continuous training to offer our clients the latest trends

Text Effects

These are some of the effects that can be done to texts using CSS.

Animated Gradient Text

Mask Text

Randomchangingtext

Gradient Text

This is an cool|animated|incredible|rotator text effect

Text underlinedwith a stroke

Effects Text

Before textMiddle textAfter text

Animated glitch text

Text withBadges

Block Reveal Text

Icon list tooltip

  • EList item one
  • EList item two (with Tooltip)
  • EList item three
  • EList item four
  • PList item five (with tooltip)

Other Effects

Time to 20th Anniversary

Día(s)

:

Hora(s)

:

Minuto(s)

:

Segundo(s)

  • % of women in our team 60% 60%

Jobs done in 2021

%

Budgets accepted in 2021

e-Learning

Agile and intuitive training course design

Get a greater number of approved with an attractive design including all kinds of multimedia content and tests.

A professional team

let yourself be advised by our team