Lädt...


🔧 How to Hide Text in a Logo Using CSS


Nachrichtenbereich: 🔧 Programmierung
🔗 Quelle: dev.to

To hide the text of a logo and show a background image, you can use this CSS technique. This method uses text-indent to move the text out of the visible area and other properties to keep it hidden without affecting the layout.

a.logo {
    text-indent: -9999px;  /* Shifts the text far off-screen */
    overflow: hidden;      /* Ensures no overflow text is visible */
    white-space: nowrap;   /* Prevents text from wrapping to the next line */
    display: block;        /* Allows setting width and height */
    width: 150px;          /* Sets the width of the logo element */
    height: 50px;          /* Sets the height of the logo element */
    background-image: url('logo.png');  /* URL of the logo image */
    background-size: cover; /* Ensures the background image covers the entire area */
}

Full article: How to Hide Text in a Logo Using CSS
CSS Snippets

...

🔧 How to Hide Text in a Logo Using CSS


📈 38.16 Punkte
🔧 Programmierung

🔧 Introduction of CSS, What is CSS, Why we use CSS and How CSS describe the HTML elements


📈 27.76 Punkte
🔧 Programmierung

🔧 🐜 Since CSS has changed the logo, it's time for HMPL to change the logo too!


📈 27.04 Punkte
🔧 Programmierung

🕵️ Chinese APT Hacker Group Using Old Windows Logo to Hide a Backdoor Malware


📈 24.39 Punkte
🕵️ Hacking

📰 Chinese APT Hacker Group Using Old Windows Logo to Hide a Backdoor Malware


📈 24.39 Punkte
📰 IT Security Nachrichten

🪟 Chinese APT Hacker Group Using Old Windows Logo to Hide a Backdoor Malware


📈 24.39 Punkte
🪟 Windows Server

🕵️ Chinese APT Hacker Group Using Old Windows Logo to Hide a Backdoor Malware


📈 24.39 Punkte
🕵️ Hacking

🔧 Hide text in CSS pseudo elements from screen readers with this one weird trick


📈 24.22 Punkte
🔧 Programmierung

🔧 Learn CSS by Building the Google Logo in Pure CSS


📈 23.93 Punkte
🔧 Programmierung

🔧 Learn CSS by Building the Git Logo in Pure CSS


📈 23.93 Punkte
🔧 Programmierung

🔧 Learn CSS by Building the Nextflix Logo in Pure CSS


📈 23.93 Punkte
🔧 Programmierung

🔧 Learn CSS by Building the React Logo in Pure CSS


📈 23.93 Punkte
🔧 Programmierung

🔧 Learn CSS by Building the Microsoft Logo 2 Different Ways in Pure CSS


📈 23.93 Punkte
🔧 Programmierung

🔧 Learn CSS by Building the YouTube Logo in Pure CSS


📈 23.93 Punkte
🔧 Programmierung

🔧 Learn CSS by Building the Figma Logo in Pure CSS


📈 23.93 Punkte
🔧 Programmierung

🔧 How to Hide Scrollbar Using CSS: A Complete Guide


📈 21.28 Punkte
🔧 Programmierung

🔧 How to Hide Scrollbar Using CSS?


📈 21.28 Punkte
🔧 Programmierung

🔧 Steganography : Hide text within an Image file using steghide.


📈 21.17 Punkte
🔧 Programmierung

📰 Stegcloak - Hide Secrets With Invisible Characters In Plain Text Securely Using Passwords


📈 21.17 Punkte
📰 IT Security Nachrichten

📰 Hide your personal email address with Apple Hide My Email feature


📈 20.9 Punkte
📰 Alle Kategorien

📰 Hide yo' kids, hide yo' clouds: Zerodium offering big bucks for cloud zero-days


📈 20.9 Punkte
📰 IT Security Nachrichten

🎥 DEF CON 25 IoT Village - Aaron Guzman - Hide Yo Keys, Hide Yo Car


📈 20.9 Punkte
🎥 IT Security Video

🔧 Social media logo's effect using the html css


📈 20.88 Punkte
🔧 Programmierung

🔧 Google Logo Using CSS Only


📈 20.88 Punkte
🔧 Programmierung

🔧 Choosing the Right CSS Approach: Tailwind CSS vs Bootstrap vs Vanilla CSS


📈 20.82 Punkte
🔧 Programmierung

🔧 A BRIEF REVIEW OF CSS CASCADING, CSS SELECTORS and CSS SPECIFICITY.


📈 20.82 Punkte
🔧 Programmierung

🔧 Stylify CSS: Automagic CSS bundles splitting into CSS layers in Astro.build


📈 20.82 Punkte
🔧 Programmierung

🔧 CSS Grid: Moving From CSS Frameworks To CSS Grid (2018 and beyond)


📈 20.82 Punkte
🔧 Programmierung

🔧 Creating an animated text gradient with Tailwind CSS (and vanilla CSS)


📈 20.71 Punkte
🔧 Programmierung

🔧 How to Customize Text Alignment & Text Spacing in CSS


📈 20.61 Punkte
🔧 Programmierung

🔧 Improve text flow and balance with the CSS text-wrap property


📈 20.61 Punkte
🔧 Programmierung

🔧 CSS Text Handling: text-overflow, overflow-wrap, and More!


📈 20.61 Punkte
🔧 Programmierung

🔧 CSS Text Transform: You Don't Need JavaScript to Capitalize Your Text


📈 20.61 Punkte
🔧 Programmierung

matomo