Formas css
Formas CSS
Información
A continuación te dejamos una serie de recursos que te ayudaran a armar y perfeccion la visualización y caracterización de tu sitio web, son trucos CSS simple y complejos pero que marcaran la diferecia en tu pagina web. - Recuerda que todos los recursos ofrecidos son gratuitos y sin previo registros!-Cualquier duda nos la puedes hacer en nuestro foro de soporte. Disfrutalos!
FONDO ESTILO MURALLA DE LADRILLO CON CSS
Este es un efecto solamente con CSS, el cual dará un efecto de muralla de ladrillos al fondo de tu web, puedes modificar los colores a tu estilo.
Fondo Confeti Css
Este es un código que hará el efecto de confeti cayendo en tu web, ideal para año nuevo o para alguna celebración. Es muy fácil de implementar.
CSS Slide
Dejamos a tu disposición este slide que esta hecho solo con CSS, es muy simple pero efectivo a la hora de exhibir imágenes, soporta hasta cuatro imágenes. Este recurso se adapta a pantallas de mobiles y tablets.
Rotar imagen y redondear con css
Te dejamos este genial efecto en CSS3 hará girar en 360° tu imagen y demás redondeará la imagen. Es muy fácil de implementar y de modificar a tu medida.
Rotar imagen con Css
Unas de las mejoras que trae CSS3 es incluir efectos en las imágenes, y eso hace este código, crea el efecto de girar en 10° la imagen cuando pasas el cursor sobre ella. Puedes darle la rotación que tu desees si sabes utiliza CSS.
Texto sobre imagen más zoom
Dale una mejor impresión a tus imágenes con este efecto en css, y además agrega una descripción o un título a la imagen. Cuando el usuario pase el cursor por encima de la imagen aparecerá el título que le des y además la imagen dará un zoom.
Menu 3D Flip
Menú 3D Flip es un recurso muy útil y eficiente al momento de querer mostrar link's que no se invasivo, ya que al hacer click en un botón aparecerá el menú, y lo puedes cerrar fácilmente.
Tag Estilo Taringa
Si en tu sitio web te gusta hacer referencia o etiquetar las entradas te dejamos este estilo de tag para que le des un "Toque" a los enlaces, también lo puedes usar como menú.
Texto sobre imagen 2
Este es el segundo recursos donde puedes colocar un texto sobre una imagen, la diferencia que el texto va en el pie de la imagen con un poco de opacidad. Puedes jugar con el CSS y modificar a tu gusto.
Texto sobre imágen
Este es un simple recurso para escribir sobre las imágenes, este es un código muy sugeridos por nuestros usuarios por ese motivo les dejamos dos formas de hacer este truco.
Dividir contenido en dos columnas
Para darle un mejor estilo a tus publicaciones puedes dividir el contenido en dos columnas, este código te ayuda a hacer esa función. Es un código muy simple, pero que te ayudara de gran manera.
Efecto Blur CSS
El efecto blur es un muy buen recursos para exhibir en tu sitio, le da un efecto con sombra al texto que tengas, muchos lo utilizan para los títulos en sus paginas o en textos destacados.
Rollover Text Menu
Este menú da un estilo de persiana de abajo hacia arriba, dan un toque único a tu menú, No es un código complicado de editar, muy simple y efectivo.
Texto Neon
Dale un muy buen efecto a tus texto y títulos, el efecto de neón es muy utilizados en las pagina con el fondo de color oscuro, pero puedes utilizarlo donde quieras. PD: No apto para algunas versiones de Internet Explorer.
Menu Circular con Css
Un truco interesante de CSS es la creación de "círculos", mediante la propiedad border-radius CSS3 que es ajustado a un valor muy grande: Al hacer esto, la frontera de cada una de las cuatro esquinas de los elementos se funden en un borde redondo continuo, crear la apariencia de un círculo. El uso de este pequeño truco ingenioso, el siguiente se crea una serie de enlaces del menú círculo:
Popup Visor de imágenes
Este es un truco con Css que al poner el cursor sobre la imagen se abre en tamaño grande la misma imagen. Es muy fácil de implementar en tu web. Y tu puedes elegir el tamaño de las imágenes, es muy modificable.
Poner sombra en el contenido
Este es un simple truco que permite poner sombra en los bordes de tus cuadros de contenido, dando un efecto 3d muy atractivo. Es fácil de poner y enseguida te enseñamos. Puedes modificar los colores, y formas.
Cuadro de texto basico
Este es un código básico que te servirá para ordenar el contenido de tu web, es muy fácil de implementar y muy útil para publicar tu contenido favorito.
Imágenes burbujas
Este es muy buen efecto que hace que al pasar el cursor sobre la imagen o icono, este se agrande automáticamente, así le da un toque al estilo mac.
Es muy fácil de incorporar y editar.
Ahora puedes darle al navegador un color predeterminado para abrir tu sitio web, asi adaptarlo al diseño de tu sitio web.
Este recurso es muy útil para tu sitio, te permitirá colocar más contenido a tu sitio y poder ocultarlo y solo ver cuando el usuario lo decida, es muy fácil de implementar.
Si buscas darle un efecto a tu pagina como estar viajando en el espacio, este se vera genial! es muy simple de instalar y se ve de maravilla.
Este menú es muy sencillo de instalar, pero primero lo debes configurar con tus direcciones, solo debes colocar cada una de las palabras que deseas que tus usuarios busque mas la URL. Es buscador genial y de muy buen diseño.
Barra de progreso es un recurso que a medida que vas bajando la pagina una barra ubicada en el pie se va completando, es muy sencilla su instalación y muy útil.
Scroll lineal te permite mostrar los titulares de tus noticias de una forma muy dinámica y sencilla. Es muy fácil de configurar y muy útil!
Z Slide, es un simple modo de presentar tus imágenes o tus titulares, es muy fácil de implementar y te ahorra espacio y le dará interactividad a tu sitio.
