{"id":586,"date":"2020-07-03T11:16:25","date_gmt":"2020-07-03T14:16:25","guid":{"rendered":"https:\/\/www.joemaster.com.br\/tutoriais\/?p=586"},"modified":"2022-12-09T08:35:05","modified_gmt":"2022-12-09T11:35:05","slug":"texto-css-sombra-de-texto-css","status":"publish","type":"post","link":"https:\/\/www.joemaster.com.br\/tutoriais\/texto-css-sombra-de-texto-css\/","title":{"rendered":"Texto CSS – Sombra de texto CSS"},"content":{"rendered":"

Sombra de texto<\/h2>\n

A\u00a0text-shadow<\/code>propriedade adiciona sombra ao texto.<\/p>\n

Em seu uso mais simples, voc\u00ea especifica apenas a sombra horizontal (2px) e a sombra vertical (2px):<\/p>\n

\"\"<\/p>\n

<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<style>\r\nh1 {\r\n  text-shadow: 2px 2px;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<h1>Text-shadow effect!<\/h1>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n


<\/center>\n
\"\"<\/p>\n
h1 {<\/code>
\ntext-shadow: 2px 2px red;<\/code>
\n}<\/code><\/p>\n
 <\/p>\n
Para desfocar, \u00e9 s\u00f3 mudar um par\u00e2metro.<\/p>\n
2px 2px 5px red;<\/code><\/p>\n
 <\/p>\n
\"\"<\/p>\n
 <\/p>\n
h1 {<\/code>
\ntext-shadow: 2px 2px 5px red;<\/code>
\n}<\/code><\/p>\n
 <\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<style>\r\nh1 {\r\n  text-shadow: 2px 2px 5px red;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<h1>Text-shadow effect!<\/h1>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n


<\/center>\n
\n  Ap\u00f3s clicar em Copy ⇗
O código fica pronto para testar ou colar onde quiser no  CTRL+V<\/font>\n