codepen.js
Open in Telegram
Π‘Π±ΠΎΡΠ½ΠΈΠΊ ΠΊΡΡΡΡΡ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΡΠΈΡ Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°: Π³ΠΎΡΠΎΠ²ΡΠΉ ΠΊΠΎΠ΄ Π½Π° css ΠΈ javascript, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡΠ°Π²ΠΈΡΡ Π² ΠΏΡΠΎΠ΅ΠΊΡ. ΠΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ. Π‘ΠΎΡΡΡΠ΄Π½ΠΈΡΠ΅ΡΡΠ²ΠΎ: @noname_media ΠΠ°Π½Π°Π» Π½Π° Π±ΠΈΡΠΆΠ΅: https://telega.in/c/codepen_js β 4799182616
Show more
Network:9 130
Subscribers
-224 hours
-207 days
-7830 days
Posts Archive
9 131
Cards β ΡΡΡΠ΅ΠΊΡ ΡΠ°Π·Π²ΠΎΡΠΎΡΠ° ΠΊΠ°ΡΡΠΎΡΠ΅ΠΊ ΠΈ ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄Π° ΠΎΡ ΠΎΠ΄Π½ΠΎΠΉ ΠΊ Π΄ΡΡΠ³ΠΎΠΉ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
Background Animation β ΠΊΡΡΠ³ΠΎΠ²ΠΎΡΠΎΡ Π·Π²ΡΠ·Π΄Π½ΠΎΠ³ΠΎ Π½Π΅Π±Π° Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠΎΠ½Π° Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
Converting a checkbox when running tasks β ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π°ΠΆΠΊΠ° ΠΏΡΠΈ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ Π·Π°Π΄Π°Ρ ΠΏΠΎ Π°Π½Π°Π»ΠΎΠ³ΠΈΠΈ Ρ Π·Π°ΠΌΠ΅ΡΠΊΠ°ΠΌΠΈ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
preloader β ΠΎΠΆΠΈΠ΄Π°Π½ΠΈΠ΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π² Π²ΠΈΠ΄Π΅ ΠΏΡΡΠ³Π°ΡΡΠΈΡ
ΡΠ°ΡΡΠΈΡ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
Dots & Ring Loader β Π·Π°Π³ΡΡΠ·ΡΠΈΠΊ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
CSS scroll-driven scroll-snapping animations β Π°Π½ΠΈΠΌΠ°ΡΠΈΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄Π° ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌΠΈ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
Native CSS particle animation with sin() and cos() β Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΡΠ°ΡΡΠΈΡ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
Morphing Button β ΠΊΠ½ΠΎΠΏΠΊΠ° Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠ΅ΠΉ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
β‘οΈ Π ΡΠ΅ΡΠΈ Π½Π°ΡΠ°Π»ΠΈ ΠΌΠ°ΡΡΠΎΠ²ΠΎ ΡΠ»ΠΈΠ²Π°ΡΡ ΠΊΡΡΡΡ ΠΈ ΠΊΠ½ΠΈΠ³ΠΈ ΠΈΠ·Π²Π΅ΡΡΠ½ΡΡ
ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠΊΠΎΠ» ΠΏΠΎ Π°ΠΉΡΠΈ
ΠΠΎΡ ΠΎΡΡΠΎΡΡΠΈΡΠΎΠ²Π°Π½Π½Π°Ρ Π±Π°Π·Π° Ρ ΡΠΎΠ½Π½ΠΎΠΉ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π° (ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎ ΠΏΠΎΠΏΠΎΠ»Π½ΡΠ΅ΡΡΡ):
(363 Π²ΠΈΠ΄Π΅ΠΎ, 87 ΠΊΠ½ΠΈΠ³ΠΈ) β Python
(415 Π²ΠΈΠ΄Π΅ΠΎ, 68 ΠΊΠ½ΠΈΠ³ΠΈ) β Frontend
(143 Π²ΠΈΠ΄Π΅ΠΎ, 33 ΠΊΠ½ΠΈΠ³ΠΈ) β ΠΠ/Π₯Π°ΠΊΠΈΠ½Π³
(352 Π²ΠΈΠ΄Π΅ΠΎ, 89 ΠΊΠ½ΠΈΠ³ΠΈ) β Π‘/Π‘++/C#
(343 Π²ΠΈΠ΄Π΅ΠΎ, 87 ΠΊΠ½ΠΈΠ³ΠΈ) β Java/QA
(176 Π²ΠΈΠ΄Π΅ΠΎ, 32 ΠΊΠ½ΠΈΠ³ΠΈ) β Git/Linux
(174 Π²ΠΈΠ΄Π΅ΠΎ, 91 ΠΊΠ½ΠΈΠ³ΠΈ) β DevOps
(167 Π²ΠΈΠ΄Π΅ΠΎ, 53 ΠΊΠ½ΠΈΠ³ΠΈ) β PHP/1Π‘
(227 Π²ΠΈΠ΄Π΅ΠΎ, 83 ΠΊΠ½ΠΈΠ³ΠΈ) β SQL/ΠΠ
(114 Π²ΠΈΠ΄Π΅ΠΎ, 77 ΠΊΠ½ΠΈΠ³ΠΈ) β Π‘ΠΈΡΠ°Π΄ΠΌΠΈΠ½
(107 Π²ΠΈΠ΄Π΅ΠΎ, 43 ΠΊΠ½ΠΈΠ³ΠΈ) β BA/SA
(181 Π²ΠΈΠ΄Π΅ΠΎ, 32 ΠΊΠ½ΠΈΠ³ΠΈ) β Go/Rust
(167 Π²ΠΈΠ΄Π΅ΠΎ, 43 ΠΊΠ½ΠΈΠ³ΠΈ) β Kotlin/Swift
(112 Π²ΠΈΠ΄Π΅ΠΎ, 24 ΠΊΠ½ΠΈΠ³ΠΈ) β Flutter
(137 Π²ΠΈΠ΄Π΅ΠΎ, 93 ΠΊΠ½ΠΈΠ³ΠΈ) β DS/ML
(113 Π²ΠΈΠ΄Π΅ΠΎ, 82 ΠΊΠ½ΠΈΠ³ΠΈ) β GameDev
(183 Π²ΠΈΠ΄Π΅ΠΎ, 37 ΠΊΠ½ΠΈΠ³ΠΈ) β ΠΠΈΠ·Π°ΠΉΠ½
(136 Π²ΠΈΠ΄Π΅ΠΎ, 33 ΠΊΠ½ΠΈΠ³ΠΈ) β PM/HR
Π‘ΠΊΠ°ΡΠΈΠ²Π°ΡΡ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ Π½ΡΠΆΠ½ΠΎ β Π²ΡΠ΅ Π²ΡΠ»ΠΎΠΆΠΈΠ»ΠΈ Π² Telegram
9 131
Stroke Logo Animation β Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
ΠΠΉΡΠΈΡΠ½ΠΈΠΊΠΈ ΠΏΠΎΠΉΠΌΡΡ
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
α
9 131
Spinning Preloader β ΠΏΡΠ΅Π»ΠΎΠ°Π΄Π΅Ρ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
Link Hover Effect β ΡΡΡΠ΅ΠΊΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
Battery Charge β Π»ΠΎΠ³ΠΎΡΠΈΠΏ Π±Π°ΡΠ°ΡΠ΅ΠΈ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
Sea Mode β ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
Colorful Toggle Switches β ΡΠ²Π΅ΡΠ½ΡΠ΅ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»ΠΈ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
Airplane Mode Animation β Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄Π° Π² ΡΠ΅ΠΆΠΈΠΌ "ΠΏΠΎΠ»Π΅ΡΠ°".Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
Rotating Text on Hover β ΠΏΠ°Π½Π΅Π»Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΠΏΠΎΠ²ΠΎΡΠΎΡΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
Retro Music Player β Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΡΠ·ΡΠΊΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΏΠ»Π΅Π΅ΡΠ° Ρ Π±Π΅Π³ΡΡΠ΅ΠΉ ΡΡΡΠΎΠΊΠΎΠΉ Π² ΡΡΠΈΠ»Π΅ ΡΠ΅ΡΡΠΎ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
9 131
Just a Toy β ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½Π°Ρ Π³Π΅ΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΠΈΠ³ΡΡΡΠΊΠ°. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript
#Π°Π½ΠΈΠΌΠ°ΡΠΈΡ #css #javascript
