Table of Contents
Reply Discussion (Solution)
Home Web Front-end HTML Tutorial No matter how I look at the curly brackets here, I can't find the picture, and I can't find the text {}. How did I get it? _html/css_WEB-ITnose

No matter how I look at the curly brackets here, I can't find the picture, and I can't find the text {}. How did I get it? _html/css_WEB-ITnose

Jun 24, 2016 pm 12:05 PM
Discover big parantheses letter




At the bottom of this page:
http://www.jetbrains.com/webstorm/download/


Reply Discussion (Solution)

content: "{"; Use css pseudo-classes to append content to elements and display them

.footer-main .products ul:before,.footer-main .products ul:after {    content: "{";    display: inline-block;    position: absolute;    top: .533em;    left: -.6em;    color: #fff;    font-size: 7.5em;    font-size: 108px;    font-weight: inherit;    font-family: Georgia, "Times New Roman", Times, serif;    line-height:0.2;    transform:scale(1,2.4);    -webkit-transform:scale(1,2.4);    -moz-transform:scale(1,2.4);    -ms-transform:scale(1,2.4);    -o-transform:scale(1,2.4);}
Copy after login
Copy after login

content: "{" ; Use css pseudo-classes to append content to elements and display

.footer-main .products ul:before,.footer-main .products ul:after {    content: "{";    display: inline-block;    position: absolute;    top: .533em;    left: -.6em;    color: #fff;    font-size: 7.5em;    font-size: 108px;    font-weight: inherit;    font-family: Georgia, "Times New Roman", Times, serif;    line-height:0.2;    transform:scale(1,2.4);    -webkit-transform:scale(1,2.4);    -moz-transform:scale(1,2.4);    -ms-transform:scale(1,2.4);    -o-transform:scale(1,2.4);}
Copy after login
Copy after login


Up posture~~
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

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

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)

How to make round pictures and text in ppt How to make round pictures and text in ppt Mar 26, 2024 am 10:23 AM

First, draw a circle in PPT, then insert a text box and enter text content. Finally, set the fill and outline of the text box to None to complete the production of circular pictures and text.

How to type braces in word? How to enter braces in Word document How to type braces in word? How to enter braces in Word document Mar 15, 2024 pm 01:49 PM

How to type braces in word? When we use word, we will encounter the need to use braces. I believe that many users do not know how to create braces. Let this site carefully introduce to users how to enter braces in Word documents. How to enter braces in a Word document 1. Click Insert: Open the WORD document and click "Insert-Shape" on the menu bar. 2. Select brackets: drop-down list, click on the brace, there are three types of double braces and left and right braces in the shape list, here select the left brace. 3. View the results: Move the mouse to the target location and draw the opening brace.

How to add dots to text in word? How to add dots to text in word? Mar 19, 2024 pm 08:04 PM

When we create Word documents on a daily basis, we sometimes need to add dots under certain words in the document, especially when there are test questions. To highlight this part of the content, the editor will share with you the tips on how to add dots to text in Word. I hope it can help you. 1. Open a blank word document. 2. For example, add dots under the words "How to add dots to text". 3. We first select the words "How to add dots to text" with the left mouse button. Note that if you want to add dots to that word in the future, you must first use the left button of the mouse to select which word. Today we are adding dots to these words, so we have chosen several words. Select these words, right-click, and click Font in the pop-up function box. 4. Then something like this will appear

Golang Image Processing: Learn How to Add Watermarks and Text Golang Image Processing: Learn How to Add Watermarks and Text Aug 17, 2023 am 08:41 AM

Golang Image Processing: Learn How to Add Watermarks and Text Quotes: In the modern era of digitalization and social media, image processing has become an important skill. Whether for personal use or business operations, adding watermarks and text are common needs. In this article, we will explore how to use Golang for image processing and learn how to add watermarks and text. Background: Golang is an open source programming language known for its concise syntax, efficient performance and powerful concurrency capabilities. it has become the subject of many developments

How to modify text on pictures How to modify text on pictures Aug 29, 2023 am 10:29 AM

Modifying the text on the image can be done by using image editing software, online tools or screenshot tools. The specific steps are: 1. Open the picture editing software and import the picture that needs to be modified; 2. Select the text tool; 3. Click the text area on the picture to create a text box; 4. Enter the text you want in the text box. 5. If you just want to delete the text on the picture, you can use the eraser tool or the selection tool to select and delete the text area.

Semantic role annotation issues in text semantic understanding technology Semantic role annotation issues in text semantic understanding technology Oct 08, 2023 am 09:53 AM

The problem of semantic role annotation in text semantic understanding technology requires specific code examples. Introduction In the field of natural language processing, text semantic understanding technology is a core task. Among them, semantic role annotation is an important technology, which is used to identify the semantic role of each word in the sentence in the context. This article will introduce the concepts and challenges of semantic role annotation and provide a concrete code example to solve the problem. 1. What is semantic role labeling? Semantic role labeling (SemanticRoleLabeling) refers to sentences

Detailed method for setting up PPT slides by moving the mouse to text to display pictures Detailed method for setting up PPT slides by moving the mouse to text to display pictures Mar 26, 2024 pm 03:40 PM

1. First set a custom animation for the picture object. 2. If you want to make the effect more realistic, please use the animation effect [Appear] as shown above. After setting the custom effect for the picture object, we will see the name of the custom animation on the right side of the window, such as [1good] in the picture. Now use the left button of the mouse to click on the small triangle facing downwards in the direction of the picture, and a pop-up will appear as follows Figure menu list. 3. In the menu shown above, select [Effect Options], and a pop-up will appear as shown in the picture. 4. In the picture above, switch to the [Timing] tab, click [Trigger], then select [Start the effect when the following objects are clicked] below, and select [Title 1: Picture 1] on the right. This setting means that when playing the slideshow, click on the text in [Picture 1], and it will

Application of Redis in service registration and discovery Application of Redis in service registration and discovery Jun 20, 2023 am 08:39 AM

Redis is a high-performance key-value database. Through its fast data storage and access capabilities, it is widely used in the process of service registration and discovery. Service registration and discovery is a very important process in distributed systems. When we run multiple services on a machine, we need a way for clients to discover these services and how to interact with them. In a complete distributed system, there may be dozens of services running, and manual configuration has become unfeasible. At this time, we need to use service registration and discovery.

See all articles