Hola!!!
Hoy os traigo un plugin de jquery que he creado para uno de mis proyectos: jQuery Opacity Input Forms Plugin
Toda la info la tenéis disponible en github, así como una paginita de ejemplo… la verdad es que creo que es muy útil… pero lo diréis vosotros 🙂
https://github.com/MrViSiOn/jquery-opacity-input
Problema:
<input type="text">
...
.opacity80{
-webkit-opacity:.8;
-moz-opacity:.8;
opacity:.8;
}
Nuestra caja de texto tiene una opacidad del 80%, pero también lo tiene el texto que escribimos en el
Tu tienda en piloto automático
Deja de responder "¿Dónde está mi pedido?" y gestiona tu e-commerce sin estrés. Automatizaciones inteligentes que generan confianza en tus clientes.
- ✅ Notificaciones de envío por WhatsApp automáticas
- ✅ Respuestas 24/7 sin que estés conectado
- ✅ Detección automática de reseñas negativas
- ✅ Pago único, sin suscripciones mensuales
Desde 39€ • WooCommerce, Shopify, PrestaShop • 30 días de soporte
¿Cómo solucionarlo?
<script src="vendor/jquery.min.js"></script>
<script src="vendor/jquery-ui-1.10.3.custom.min.js"></script>
<script src="vendor/jquery.opacity.input.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('input.opacity80').opacityinput();
});
</script>
Posibles opciones:
$('input.opacity80').opacityinput({
opacity: 0.5, //la opacidad deseada
bacgroundColor: "#454545" //el color de fondo
});
Si tenéis alguna duda, o hay algún problema con él me lo hacéis saber y lo solucionaré!
Un saludo!!