Home Web Front-end CSS Tutorial Let's talk about examples of the effect of hollowing out

Let's talk about examples of the effect of hollowing out

Jun 15, 2017 am 09:23 AM

This article mainly introduces a summary of examples of text hollowing, transparency value, and shadow effect settings in CSS. Setting the text-stroke-color transparency value can make the text softer to some extent. Friends in need can refer to it. Create hollow text under text-fill-color: Code CSS Code Copy the content to the clipboard -webkit-text-fill-color:transparent; -webkit-text-stroke:1px #000; Effect text-stroke-color makes the text transparent Softer: Code CSS Code copies content to the clipboard background-image:-webkit-linear-gradient(#eee,#000); -webkit-background-clip:text; -webkit-text-fill-color:t

1. 3 small special effects that are easy to master - text hollowing, transparency, and shadow effects

Let's talk about examples of the effect of hollowing out

Introduction: This article mainly introduces a summary of examples of CSS Chinese text hollowing, transparency value, and shadow effect settings. The setting of text-stroke-color transparency value can make the text to some extent It is softer, friends who need it can refer to

2. PS realistic folded paper font effect

Introduction: The author is very delicate when making text. There are three large parts that need to be completed with 3D tools. The upper and lower folded paper and hollow parts; the folded part requires splitting the text into upper and lower parts and adding different 3D effects. Final effect

3. CSS to create hollow fonts_html/css_WEB-ITnose

Introduction: CSS to create hollow fonts

4. Use css to create a hollow effect_html/css_WEB-ITnose

Introduction: Use css to create a hollow effect

5. CSS hollow image transition initial loading background color block problem solution_html/css_WEB-ITnose

Introduction: Solving the problem of CSS hollow image transition initial loading background color block

6. Photoshop to create a beautiful colorful hollow sphere

Let's talk about examples of the effect of hollowing out

#Introduction: The sphere in this tutorial does not need to be drawn step by step. You only need to use the rectangular marquee tool to create a set of color blocks with spaces. Then use the spherical filter to create a perspective effect, then simply color and add relief effects, etc.

7. photoshop uses 3D tools to create a beautiful colorful hollow sphere effect

Let's talk about examples of the effect of hollowing out

Introduction: This tutorial requires the 3D tools in the CS5 version, which is also a new function of CS5. You can convert graphics or text into the desired three-dimensional effect. The operation is also relatively simple. First use tools such as paths to create the desired graphics, then convert it to a 3D effect, and then modify the details.

8. Photoshop uses materials and styles to create scary Halloween glowing pumpkins

Let's talk about examples of the effect of hollowing out

##Introduction: The focus of the tutorial is to make the hollowed-out part of the pumpkin. Method: use a pen to outline the part that needs to be hollowed out, fill it with color, and then use layer styles to add relief and luminous effects

9. Detailed explanation of the non-zero wrapping principle when drawing irregular graphics in HTML5 Canvas_html5 tutorial skills

Introduction: This This article mainly introduces the non-zero wrapping principle when drawing irregular graphics in HTML5 Canvas. The article lists examples of writing ring and hollow paper-cut effects. Friends in need can refer to

##10 .

js+html5 method to implement canvas drawing hollow font text_javascript skills

Introduction: This article mainly introduces the method of js+html5 to realize canvas drawing of hollow font text, involving related skills of html5 text effect, friends in need can refer to it

[Related Q&A recommendations]:

ios - If the middle of a CALayer layer or UIView is hollowed out

javascript - The canvas background is opaque , but some elements inside are transparent (similar to a hollow effect)

The above is the detailed content of Let's talk about examples of the effect of hollowing out. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Building an Ethereum app using Redwood.js and Fauna Building an Ethereum app using Redwood.js and Fauna Mar 28, 2025 am 09:18 AM

With the recent climb of Bitcoin’s price over 20k $USD, and to it recently breaking 30k, I thought it’s worth taking a deep dive back into creating Ethereum

Vue 3 Vue 3 Apr 02, 2025 pm 06:32 PM

It's out! Congrats to the Vue team for getting it done, I know it was a massive effort and a long time coming. All new docs, as well.

Can you get valid CSS property values from the browser? Can you get valid CSS property values from the browser? Apr 02, 2025 pm 06:17 PM

I had someone write in with this very legit question. Lea just blogged about how you can get valid CSS properties themselves from the browser. That's like this.

A bit on ci/cd A bit on ci/cd Apr 02, 2025 pm 06:21 PM

I'd say "website" fits better than "mobile app" but I like this framing from Max Lynch:

Using Markdown and Localization in the WordPress Block Editor Using Markdown and Localization in the WordPress Block Editor Apr 02, 2025 am 04:27 AM

If we need to show documentation to the user directly in the WordPress editor, what is the best way to do it?

Comparing Browsers for Responsive Design Comparing Browsers for Responsive Design Apr 02, 2025 pm 06:25 PM

There are a number of these desktop apps where the goal is showing your site at different dimensions all at the same time. So you can, for example, be writing

Stacked Cards with Sticky Positioning and a Dash of Sass Stacked Cards with Sticky Positioning and a Dash of Sass Apr 03, 2025 am 10:30 AM

The other day, I spotted this particularly lovely bit from Corey Ginnivan’s website where a collection of cards stack on top of one another as you scroll.

Let's use (X, X, X, X) for talking about specificity Let's use (X, X, X, X) for talking about specificity Mar 24, 2025 am 10:37 AM

I was just chatting with Eric Meyer the other day and I remembered an Eric Meyer story from my formative years. I wrote a blog post about CSS specificity, and

See all articles