Oscurecer imágenes con CSS - Bytes

Поділитися
Вставка
  • Опубліковано 5 гру 2024

КОМЕНТАРІ • 30

  • @3195puma
    @3195puma 6 років тому +1

    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.

  • @wayelias
    @wayelias 5 років тому +2

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

  • @mrestrella4
    @mrestrella4 2 роки тому

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

  • @juanjosegonzalez4287
    @juanjosegonzalez4287 6 років тому

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

    • @kerneldiego
      @kerneldiego 6 років тому

      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
      @juanjosegonzalez4287 6 років тому

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

    • @kerneldiego
      @kerneldiego 6 років тому

      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
      @ramosdumasismael 6 років тому

      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 .

  • @biblioteca.antarctica
    @biblioteca.antarctica 6 років тому

    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('/');
    }
    };
    }
    ]);

  • @secundariodavid
    @secundariodavid 5 років тому

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

  • @yisusengineer5386
    @yisusengineer5386 3 роки тому

    Excelente video, muchas gracias

  • @MG-lv3gu
    @MG-lv3gu 3 роки тому

    Me ha servido 100/100 Gracias

  • @davidticstorm4114
    @davidticstorm4114 6 років тому

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

  • @cristiansam9286
    @cristiansam9286 6 років тому

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

  • @leonardoromero925
    @leonardoromero925 6 років тому

    Muy bueno muchas gracias, para poner en practica

  • @victorhugomartinezramirez8395
    @victorhugomartinezramirez8395 4 роки тому

    Hermano, eres mi héroe!!!

  • @Drack127
    @Drack127 6 років тому

    Hermano que editor de Texto estas usando

  • @mrsc776
    @mrsc776 3 роки тому

    vine por una cosa y me resolviste todos mis problemas xD

  • @brandmusic143
    @brandmusic143 6 років тому +1

    Excelente Tuto 👍

  • @ildemarurrieta1011
    @ildemarurrieta1011 6 років тому

    Excelente contenido y ejercicio!!

  • @e2equle1
    @e2equle1 4 роки тому

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

  • @zeihuro
    @zeihuro 6 років тому +1

    excelente, fantabuloso.

  • @facundodtd
    @facundodtd 2 роки тому

    muchas graciasss

  • @createprogram1235
    @createprogram1235 6 років тому +1

    esto es muy util😊

  • @gd-mosho-pp1974
    @gd-mosho-pp1974 3 роки тому

    idolo genio !

  • @CarmeloelAventurero
    @CarmeloelAventurero 6 років тому

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

  • @4zgames485
    @4zgames485 3 роки тому

    Muy practico

  • @dabiun7443
    @dabiun7443 3 роки тому

    esto no funciono we

  • @gilbertus5
    @gilbertus5 6 років тому

    en codepen no funciona xD

  • @CarmeloelAventurero
    @CarmeloelAventurero 6 років тому

    Primer comentario