delete deprecated clip example (#35956)

* delete deprecated clip example * Update index.md adding modern `clip-path: inset(50%);` property * Update files/en-us/web/api/file_api/using_files_from_web_applications/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * Update index.md add clip-path remove clip * added clip --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Estelle Weyl <[email protected]>
mdn · Oct 23, 2024 · a59ff90 · a59ff90
1 parent 1ebd589
commit a59ff90
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/files/en-us/web/api/file_api/using_files_from_web_applications/index.md b/files/en-us/web/api/file_api/using_files_from_web_applications/index.md
@@ -182,11 +182,13 @@ and this CSS:
 
 ```css
 .visually-hidden {
-  position: absolute !important;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
   height: 1px;
-  width: 1px;
   overflow: hidden;
-  clip: rect(1px, 1px, 1px, 1px);
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
 }
 
 input.visually-hidden:is(:focus, :focus-within) + label {