Telegram Group & Telegram Channel
πŸ‘©β€πŸ’» ПсСвдокласс :focus

Π‘Π°ΠΉΡ‚ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с использованиСм ΠΌΡ‹ΡˆΠΊΠΈ, Π½ΠΎ ΠΈ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹. ΠŸΡ€ΠΈ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΈ клавишСй Tab элСмСнту добавляСтся псСвдокласс :focus, ΠΈ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π·Π°Π΄Π°Ρ‚ΡŒ для Π½Π΅Π³ΠΎ красивыС стили.

⚠️ Π’Π°ΠΆΠ½ΠΎ! Π’ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… Safari ΠΈ Firefox Π½Π° Mac ΠΏΡ€ΠΈ ΠΊΠ»ΠΈΠΊΠ΅ ΠΌΡ‹ΡˆΠΊΠΎΠΉ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ фокус Π½Π΅ устанавливаСтся.

➑️ ПослС любого сСлСктора ставим Π΄Π²ΠΎΠ΅Ρ‚ΠΎΡ‡ΠΈΠ΅ ΠΈ пишСм ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово focus.

a:focus {
outline: 2px solid hotpink;
}


➑️ Ѐишки:

⏺ Π‘ΠΌΠ΅Π½Ρƒ стилСй ΠΌΠ΅ΠΆΠ΄Ρƒ состояниями ΠΌΠΎΠΆΠ½ΠΎ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ transition

⏺ Π’ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ встроСны Π΄Π΅Ρ„ΠΎΠ»Ρ‚Π½Ρ‹Π΅ стили для фокуса.

⏺ НСльзя ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ стили для фокуса, замСняйтС ΠΈΡ… Π½Π° свои, Ссли Π΄Π΅Ρ„ΠΎΠ»Ρ‚Π½Ρ‹Π΅ Π½Π΅ нравятся.

⏺ Π‘Ρ‚ΠΈΠ»ΠΈ для фокуса ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΎΡ‚ΠΊΡ€Ρ‹Π² сайт ΠΈ нСсколько Ρ€Π°Π· Π½Π°ΠΆΠ°Π² ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Tab. Или Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ, ΠΏΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ курсор Π² ΠΏΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π°.

CodeBase | Frontend | #css
Please open Telegram to view this post
VIEW IN TELEGRAM



tg-me.com/codebase_frontend/719
Create:
Last Update:

πŸ‘©β€πŸ’» ПсСвдокласс :focus

Π‘Π°ΠΉΡ‚ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с использованиСм ΠΌΡ‹ΡˆΠΊΠΈ, Π½ΠΎ ΠΈ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹. ΠŸΡ€ΠΈ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΈ клавишСй Tab элСмСнту добавляСтся псСвдокласс :focus, ΠΈ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π·Π°Π΄Π°Ρ‚ΡŒ для Π½Π΅Π³ΠΎ красивыС стили.

⚠️ Π’Π°ΠΆΠ½ΠΎ! Π’ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… Safari ΠΈ Firefox Π½Π° Mac ΠΏΡ€ΠΈ ΠΊΠ»ΠΈΠΊΠ΅ ΠΌΡ‹ΡˆΠΊΠΎΠΉ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ фокус Π½Π΅ устанавливаСтся.

➑️ ПослС любого сСлСктора ставим Π΄Π²ΠΎΠ΅Ρ‚ΠΎΡ‡ΠΈΠ΅ ΠΈ пишСм ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово focus.

a:focus {
outline: 2px solid hotpink;
}


➑️ Ѐишки:

⏺ Π‘ΠΌΠ΅Π½Ρƒ стилСй ΠΌΠ΅ΠΆΠ΄Ρƒ состояниями ΠΌΠΎΠΆΠ½ΠΎ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ transition

⏺ Π’ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ встроСны Π΄Π΅Ρ„ΠΎΠ»Ρ‚Π½Ρ‹Π΅ стили для фокуса.

⏺ НСльзя ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ стили для фокуса, замСняйтС ΠΈΡ… Π½Π° свои, Ссли Π΄Π΅Ρ„ΠΎΠ»Ρ‚Π½Ρ‹Π΅ Π½Π΅ нравятся.

⏺ Π‘Ρ‚ΠΈΠ»ΠΈ для фокуса ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΎΡ‚ΠΊΡ€Ρ‹Π² сайт ΠΈ нСсколько Ρ€Π°Π· Π½Π°ΠΆΠ°Π² ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Tab. Или Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ, ΠΏΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ курсор Π² ΠΏΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π°.

CodeBase | Frontend | #css

BY CodeBase | Frontend




Share with your friend now:
tg-me.com/codebase_frontend/719

View MORE
Open in Telegram


telegram Telegram | DID YOU KNOW?

Date: |

The STAR Market, as is implied by the name, is heavily geared toward smaller innovative tech companies, in particular those engaged in strategically important fields, such as biopharmaceuticals, 5G technology, semiconductors, and new energy. The STAR Market currently has 340 listed securities. The STAR Market is seen as important for China’s high-tech and emerging industries, providing a space for smaller companies to raise capital in China. This is especially significant for technology companies that may be viewed with suspicion on overseas stock exchanges.

Telegram hopes to raise $1bn with a convertible bond private placement

The super secure UAE-based Telegram messenger service, developed by Russian-born software icon Pavel Durov, is looking to raise $1bn through a bond placement to a limited number of investors from Russia, Europe, Asia and the Middle East, the Kommersant daily reported citing unnamed sources on February 18, 2021.The issue reportedly comprises exchange bonds that could be converted into equity in the messaging service that is currently 100% owned by Durov and his brother Nikolai.Kommersant reports that the price of the conversion would be at a 10% discount to a potential IPO should it happen within five years.The minimum bond placement is said to be set at $50mn, but could be lowered to $10mn. Five-year bonds could carry an annual coupon of 7-8%.

telegram from sg


Telegram CodeBase | Frontend
FROM USA