Mostrar los tags: rotate

Mostrando del 1 al 10 de 10 coincidencias
<<>>
Se ha buscado por el tag: rotate
Imágen de perfil

Indicador de máximo y mínimo con mas de una aguja


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 1 de Octubre del 2019 por joel
602 visualizaciones desde el 1 de Octubre del 2019
Aquí les muestro una manera de crear un indicador con mínimo y máximo con varias agujas, utilizando únicamente CSS para crear el dibujo y JavaScript para mover las agujas.

indicador-minimo-maximo-con-4-agujas

Continuación del código de https://www.lawebdelprogramador.com/codigo/CSS/5543-Indicador-de-minimo-y-maximo-con-aguja.html
Imágen de perfil

Indicador de mínimo y máximo con aguja


CSS

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 21 de Septiembre del 2019 por joel
771 visualizaciones desde el 21 de Septiembre del 2019
Aquí les muestro una manera de crear un indicador con mínimo y máximo utilizando únicamente CSS para crear el dibujo.
A diferencia del código: https://www.lawebdelprogramador.com/codigo/CSS/5542-Indicador-de-minimo-y-maximo-con-aguja-que-cambia-de-color.html, este no cambia el color de la aguja.
Se puede utilizar con % o un valor mínimo y máximo.

minimo-y-maximo-con-aguja


Se utiliza javascript para mover los grados de la aguja, la cual se gira con CSS utilizando transform:rotate().
Imágen de perfil

Indicador de mínimo y máximo con aguja que cambia de color


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Septiembre del 2019 por joel
682 visualizaciones desde el 21 de Septiembre del 2019
Aquí les muestro una manera de crear un indicador con mínimo y máximo utilizando únicamente CSS para crear el dibujo.
A diferencia del código: https://www.lawebdelprogramador.com/codigo/CSS/5543-Indicador-de-minimo-y-maximo-con-aguja.html, en este la aguja va cambiando de color de verde a rojo según su valor.
Se puede utilizar con % o un valor mínimo y máximo.

minimo-y-maximo-con-aguja


Se utiliza javascript para mover los grados de la aguja, la cual se gira con CSS utilizando transform:rotate().
Imágen de perfil

Rotar diferentes imágenes con un click


JavaScript

Publicado el 6 de Junio del 2019 por Joan
833 visualizaciones desde el 6 de Junio del 2019
Este simple código muestra como gestionamos los grados que ha girado cada elemento al pulsar con rotan encima de la imagen.

rotar
Imágen de perfil

Código fuente OCX LabelRotate


Visual Basic

Publicado el 29 de Enero del 2019 por Cris
585 visualizaciones desde el 29 de Enero del 2019
Código encontrado en la Red.
No consta autor.

Código fuente de OCX para generar Label's con/sin imágenes, que rotan el caption.en cualquier ángulo.
Tiene más funciones, como MaskPicture (ver la forma de una imagen con el gráfico de otra).

Se pueden generar tantos OCX como se necesiten. Es decir, si necesitamos varias imágenes, generamos un OCX por cada una.

Personalmente me resultó útil a la hora de poner créditos, notas...

Subo además del código, algunos ejemplos, aunque creo que el OCX, da más juego del que he sabido entender.
Imágen de perfil

Rotar una imagen con PHP


PHP

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 4 de Diciembre del 2018 por xve
1.083 visualizaciones desde el 4 de Diciembre del 2018
Simple código para rotar una imagen jpg, png o gif

rotate-php
Imágen de perfil

Ejemplo de los diferentes filter de CSS sobre una imágen


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 23 de Marzo del 2018 por Xavi
1.186 visualizaciones desde el 23 de Marzo del 2018
Este simple código, muestra los diferentes efectos que generan los diferentes estilos filter sobre una imágen (grayscale, sepia, saturate, opacity, blur, brightness, contrast, invert, hue-rotate)

filter
Imágen de perfil

Construir un Grid con JScript y CSS con efectos


JavaScript

Actualizado el 11 de Marzo del 2017 por ScriptShow (Publicado el 26 de Febrero del 2017)
2.350 visualizaciones desde el 26 de Febrero del 2017
Como construir un Grid con JavaScript y CSS con efectos de giro, cambio de color y de forma al clicar en los cuadrados, que han sido creados virtualmente por un bucle con JScript.

Un experimento que puede ser adaptado para diversos propósitos.


Un saludo
Imágen de perfil

Construir un Grid con CSS y HTML con efectos


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 26 de Febrero del 2017 por ScriptShow
2.026 visualizaciones desde el 26 de Febrero del 2017
Como construir un Grid en CSS y HTML con efectos de giro y cambio de color al clicar en los cuadrados. En fin, un experimento que no utiliza librerías...

Espero sea útil.


Un saludo
Imágen de perfil

Animación en CSS3 que muestra como inclinar el logo de izquierda a derecha mientras esta el ratón encima


CSS

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 22 de Octubre del 2015 por xve (Publicado el 12 de Octubre del 2015)
2.030 visualizaciones desde el 12 de Octubre del 2015
Este simple código muestra como mover de izquierda a derecha el logo mientras tenemos el ratón encima de la imagen de manera indefinida.