Oscurecer imágenes con CSS - Bytes

🚀 Desbloquea más de +170 cursos Premium a un precio especial: codigofacilito...
🐊 Síguenos en:
Twitter: / codigofacilito
Facebook: / codigofacilito
Instagram: / codigofacilito
TikTok: codigofacilito.oficial
----
Código Facilito es una de las plataformas de aprendizaje online de programación más grandes de habla hispana. Desde el 2010 formamos programadores en toda América Latina y España enseñando. HTML, JavaScript, React, Python, Rails, Go y mucho más.

[@3195puma]

sus tutoríales son buenos y agradezco que sean gratis ya que en la uni a veces no saben enseñar explicando a detalle casi como aquí. gracias nuevamente por sus tutoríales.

[@mrestrella4]

Demasiado util y didactico!!!! Felicidades!!!! Me has ayudado demasiado!!!!!

[@juanjosegonzalez4287]

Es mejor añadir la imagen como propiedad CSS o como etiqueta ? Siempre he tenido esa duda...

[@kerneldiego]

Juan José González En ese caso la esta agregando a un etiqueta lo cual lo hace que la propia etiqueta tenga el fondo

[@juanjosegonzalez4287]

༺Diego༻ sí, eso lo sé. Pero me pregunto que será mejor práctica, usarla como etiqueta o como css

[@kerneldiego]

Si esa etiqueta la usas como fonde seria solamente el contenedor de lo que quieras poner adentro, o por lo menos seria lo óptimo, creo que te refieres a eso

[@ramosdumasismael]

Dependerá del uso que le darías a la imagen, si esta es estática, por ejemplo en el caso de un elemento que forma parte de la estructura de tu sitio, podrías cargarla desde el CSS, para hacer más facil los futuros cambios. En el caso de imágenes que se cargan de forma dinámica, por ejemplo en los artículos de contenido, se hace con la etiqueta .

[@wayelias]

como lo puedo hacer sin el background? si no con la etiqueta ?

[@yisusengineer5386]

Excelente video, muchas gracias

[@MG-lv3gu]

Me ha servido 100/100 Gracias

[@secundariodavid]

Me has dado la solución que necesitaba, muchas gracias!

[@davidticstorm4114]

Muy bueno el ejercicio, sin embargo nunca había utilizado esa propiedad... Pero ahora lo tendré en mente ...

[@facundodtd]

muchas graciasss

[@leonardoromero925]

Muy bueno muchas gracias, para poner en practica

[@4zgames485]

Muy practico

[@brandmusic143]

Excelente Tuto 👍

[@ildemarurrieta1011]

Excelente contenido y ejercicio!!

[@victorhugomartinezramirez8395]

Hermano, eres mi héroe!!!

[@zeihuro]

excelente, fantabuloso.

[@createprogram1235]

esto es muy util😊

[@mrsc776]

vine por una cosa y me resolviste todos mis problemas xD

[@gd-mosho-pp1974]

idolo genio !

[@e2equle1]

oye man excelente ..como renege con flex , ahora esta todo resuelto. gracias

[@cristiansam9286]

Tendremos más frontend y diseño con React en los bytes/curso? Saludos.

[@biblioteca.antarctica]

Hola tengo una duda: acerca de Angular JS , estoy haciendo un CRUD y quiero que los datos de un registro no esten repetidos en la base de datos. ¿Podrian ayudarme?....este es mi codigo del controlador: var angular; var app = angular.module('myApp', ['ngRoute']); app.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/', {templateUrl: 'pages/list.html', controller: 'CustomerListControler'}). when('/NewCustomer', {templateUrl: 'pages/new.html', controller: 'CustomerAddControler'}). when('/UpdateCustomer/:id', {templateUrl: 'pages/edit.html', controller: 'CustomerEditControler'}). otherwise({redirectTo: '/'}); }]); app.controller ('CustomerListControler',[ '$scope','$http', function ($scope, $http) { $http.get('api/Customers').success(function(data) { $scope.customers = data; }); } ]), app.controller ('CustomerAddControler',[ '$scope','$http','$location', function ($scope, $http, $location) { $scope.master = {}; $scope.activePath = null; $scope.New_Customer = function(customer, AddNewForm) { console.log(customer); //inicio de condicion if ($http.post('api/Customers/:name')==true) { alert('registro ya existe'); } else { $http.post('api/New_Customer', customer).success(function(){ $scope.reset(); $scope.activePath = $location.path('/'); }); $scope.reset = function() { $scope.customer = angular.copy($scope.master); }; $scope.reset(); } // fin de condicion }; } ]), app.controller('CustomerEditControler',[ '$scope','$http','$location','$routeParams', function ($scope, $http, $location, $routeParams) { var id = $routeParams.id; var name = $routeParams.name; $scope.activePath = null; $http.get('api/Customers/'+id).success(function(data) { $scope.CustomerDetail = data; }); $scope.Update_Customer = function(customer) { var updateCustomer = confirm('estais seguro querer actualizar ?'); if(updateCustomer){ $http.put('api/Customers/'+id, customer).success(function(data) { $scope.CustomerDetail = data; $scope.activePath = $location.path('/'); }); } }; $scope.Delete_Customer = function(customer) { console.log(customer); var deleteCustomer = confirm('estais seguro querer eliminar registro?'); if (deleteCustomer) { $http.delete('api/Customers/'+customer.id); $scope.activePath = $location.path('/'); } }; } ]);

[@Drack127]

Hermano que editor de Texto estas usando

[@CarmeloelAventurero]

Buen tuto, ya sabia esto pero no a fondo. Gracias .

[@dabiun7443]

esto no funciono we

[@gilbertus5]

en codepen no funciona xD

[@CarmeloelAventurero]

Primer comentario