A continuaci\u00f3n vamos a explicar c\u00f3mo crear listas CSS y c\u00f3mo aplicarles animaci\u00f3n con tan solo unas pocas l\u00edneas de c\u00f3digo JavaScript.<\/p>\n

En el siguiente c\u00f3digo puedes ver c\u00f3mo con unas pocas l\u00edneas en HTML y un c\u00f3digo JavaScript muy sencillo, podemos crear una lista con tres elementos, los cuales gracias al c\u00f3digo JavaScript, cambian de tama\u00f1o y color cuando pasamos el rat\u00f3n por encima de cualquiera de ellos.<\/p>\n

<\/p>\n

Pero esto es muy b\u00e1sico para un programador web experto, por lo que le aplicamos una serie de reglas CSS para conseguir un fondo oscuro, cambiar el padding<\/strong><\/em> por defecto de la ul <\/em><\/strong>para desplazarlo hacia la derecha y aplicar bordes a cada li<\/em><\/strong> para crear un peque\u00f1o efecto de profundidad. Tambi\u00e9n eliminaremos el borde superior del primer elemento de la lista y el borde inferior del \u00faltimo elemento de esta lista.<\/p>\n

<\/p>\n

El resultado ser\u00e1 el siguiente, al pasar el rat\u00f3n por encima del elemento 3 de la lista:<\/p>\n

<\/p>\n

Todo este desarrollo web en lenguaje HTML, JavaScript y reglas CSS lo puedes aprender si cursas con nosotros cualquiera de estos certificados de profesionalidad:<\/p>\n

\n
• IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web<\/strong><\/a>.<\/strong><\/li>\n
• IFCD0110-Confecci\u00f3n y publicaci\u00f3n de p\u00e1ginas web<\/strong><\/a><\/li>\n<\/ul>\n

  Recuerda que un Certificado de Profesionalidad es un t\u00edtulo oficial v\u00e1lido en todo el territorio nacional, que lo da el Servicio P\u00fablico de Empleo Estatal (SEPE) o las Comunidades Aut\u00f3nomas y que te acredita oficialmente para desarrollar un trabajo.<\/a> <\/strong>Adem\u00e1s de estar reconocido en toda la Uni\u00f3n Europea.<\/p>\n

  El c\u00f3digo usado para este ejemplo, puedes descargo aqu\u00ed<\/a> para probarlo e incluso mejorarlo. \ud83d\ude09<\/p>\n","protected":false},"excerpt":{"rendered":"

  A continuaci\u00f3n vamos a explicar c\u00f3mo crear listas CSS y c\u00f3mo aplicarles animaci\u00f3n con tan solo unas pocas l\u00edneas de c\u00f3digo JavaScript. En el siguiente c\u00f3digo puedes ver c\u00f3mo con unas pocas l\u00edneas en HTML y un c\u00f3digo JavaScript muy sencillo, podemos crear una lista con tres elementos, los cuales gracias al c\u00f3digo JavaScript, cambian de tama\u00f1o y color cuando pasamos el rat\u00f3n por encima de cualquiera de ellos. Pero esto es muy b\u00e1sico para un programador web experto, por lo que le aplicamos una serie de reglas CSS para conseguir un fondo oscuro, cambiar el padding por defecto de la ul para desplazarlo hacia la derecha y aplicar bordes a cada li para crear un peque\u00f1o efecto de profundidad. Tambi\u00e9n eliminaremos el borde superior del primer elemento de la lista y el borde inferior del \u00faltimo elemento de esta lista. El resultado ser\u00e1 el siguiente, al pasar el rat\u00f3n por encima del elemento 3 de la lista: Todo este desarrollo web en lenguaje HTML, JavaScript y reglas CSS lo puedes aprender si cursas con nosotros cualquiera de estos certificados de profesionalidad: IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web. IFCD0110-Confecci\u00f3n y publicaci\u00f3n de p\u00e1ginas web Recuerda que un Certificado de Profesionalidad […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[594,27],"tags":[535,542,552,543,554,553,550,551,530,545,555,437,546,556,547],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_shortlink":"https:\/\/wp.me\/p6jO3Y-PH","amp_validity":null,"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/3205"}],"collection":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/comments?post=3205"}],"version-history":[{"count":1,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/3205\/revisions"}],"predecessor-version":[{"id":3207,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/3205\/revisions\/3207"}],"wp:attachment":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/media?parent=3205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/categories?post=3205"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/tags?post=3205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}