Oscurecer imágenes con CSS - Bytes
Вставка
- Опубліковано 9 гру 2024
- 🚀 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.
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.
Demasiado util y didactico!!!! Felicidades!!!! Me has ayudado demasiado!!!!!
como lo puedo hacer sin el background? si no con la etiqueta ?
Es mejor añadir la imagen como propiedad CSS o como etiqueta ? Siempre he tenido esa duda...
Juan José González
En ese caso la esta agregando a un etiqueta lo cual lo hace que la propia etiqueta tenga el fondo
༺Diego༻ sí, eso lo sé. Pero me pregunto que será mejor práctica, usarla como etiqueta o como css
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
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 .
Me has dado la solución que necesitaba, muchas gracias!
Me ha servido 100/100 Gracias
Excelente video, muchas gracias
Hermano, eres mi héroe!!!
Muy bueno muchas gracias, para poner en practica
Muy bueno el ejercicio, sin embargo nunca había utilizado esa propiedad... Pero ahora lo tendré en mente ...
Excelente contenido y ejercicio!!
Excelente Tuto 👍
esto es muy util😊
Tendremos más frontend y diseño con React en los bytes/curso? Saludos.
Hermano que editor de Texto estas usando
excelente, fantabuloso.
muchas graciasss
idolo genio !
vine por una cosa y me resolviste todos mis problemas xD
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('/');
}
};
}
]);
Muy practico
oye man excelente ..como renege con flex , ahora esta todo resuelto. gracias
Buen tuto, ya sabia esto pero no a fondo. Gracias .
esto no funciono we
en codepen no funciona xD
Primer comentario