Загрузка видео...

Не удалось загрузить видео

На главную

Little experiment with text truncation, truncate from center... Nothing fancy just CSS... Demo: Code:

uixmat's profile picture

Matt

3,118 subscribers

15,321 просмотров • 7 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Someone on reddit posted a demo where CSS truncates text from the middle. They didn't post the code, so here is my shot at it with Flexbox
1:39

Someone on reddit posted a demo where CSS truncates text from the middle. They didn't post the code, so here is my shot at it with Flexbox

Wes Bos

104,152 просмотров • 7 месяцев назад

gettin' back on the demo train 🚂 makin' a little progress with cross-browser "liquid" controls using CSS 🧑‍🍳
0:21

gettin' back on the demo train 🚂 makin' a little progress with cross-browser "liquid" controls using CSS 🧑‍🍳

jhey ʕ•ᴥ•ʔ

24,585 просмотров • 1 год назад

Nice little weekend project - Pure #CSS Pixar lamp. 💡 All of the axes movement is set using custom properties, so the motion can be easily animated with property. 😎 Live demo and full code CodePen.IO:
0:28

Nice little weekend project - Pure #CSS Pixar lamp. 💡 All of the axes movement is set using custom properties, so the motion can be easily animated with property. 😎 Live demo and full code CodePen.IO:

Amit Sheen

14,456 просмотров • 2 лет назад

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs
0:44

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs

Bharat Kara

17,387 просмотров • 1 год назад

“Win-Win” A demo with a little text mode window manager that I use for some of my text projects. Comes with custom styles and shadows. ↓
0:37

“Win-Win” A demo with a little text mode window manager that I use for some of my text projects. Comes with custom styles and shadows. ↓

ertdfgcvb 𓅰 𓅬 𓅭 𓅮 𓅯

13,174 просмотров • 1 год назад

the team cooked an insane demo on SMFS dot ai just put in the files (made with css and claude!)
0:30

the team cooked an insane demo on SMFS dot ai just put in the files (made with css and claude!)

Dhravya Shah

108,154 просмотров • 4 месяцев назад

Unfamiliar with CSS or HTML? Justin Chen shares a feature you have to try in Visual Studio Code, straight from #MSBuild. Microsoft Developer
0:28

Unfamiliar with CSS or HTML? Justin Chen shares a feature you have to try in Visual Studio Code, straight from #MSBuild. Microsoft Developer

Visual Studio Code

47,880 просмотров • 1 год назад

Using CSS mask-image you can truncate texts with a smooth fade effect. It looks clean and it's a great alternative to text ellipsis. .text-container { overflow: hidden; white-space: nowrap; -webkit-mask-image: linear-gradient( to right, black 50%, transparent); mask-image: linear-gradient( to right, black 50%, transparent); } } If you found this one useful, follow for more! ❤️
0:21

Using CSS mask-image you can truncate texts with a smooth fade effect. It looks clean and it's a great alternative to text ellipsis. .text-container { overflow: hidden; white-space: nowrap; -webkit-mask-image: linear-gradient( to right, black 50%, transparent); mask-image: linear-gradient( to right, black 50%, transparent); } } If you found this one useful, follow for more! ❤️

Ali

13,705 просмотров • 4 месяцев назад

🔥 DreamEngine revolutionizes image generation with its text-guided object fusion capabilities! The demo and code for Text Guided Object Fustion are released! Let's unlock the Imaginations! Run it locally now in: Paper:
0:27

🔥 DreamEngine revolutionizes image generation with its text-guided object fusion capabilities! The demo and code for Text Guided Object Fustion are released! Let's unlock the Imaginations! Run it locally now in: Paper:

Liang Chen

11,376 просмотров • 1 год назад

Oh you know, just 120k lines of code for this little tech demo. I think it's pretty nice tho... #RobloxDev😊
0:24

Oh you know, just 120k lines of code for this little tech demo. I think it's pretty nice tho... #RobloxDev😊

James "Quenty" Onnen

75,506 просмотров • 2 лет назад

Admin dashboard With Ai AI assistant ! built with - Next.js 16. - Tailwind CSS 4. - TanStack Query. - Framer Motion. Comes with NestJS backend, TypeORM, JWT auth, RBAC, WebSocket-powered updates, AI assistant, and multilingual support. Demo + Source Code (Not Free) :
0:33

Admin dashboard With Ai AI assistant ! built with - Next.js 16. - Tailwind CSS 4. - TanStack Query. - Framer Motion. Comes with NestJS backend, TypeORM, JWT auth, RBAC, WebSocket-powered updates, AI assistant, and multilingual support. Demo + Source Code (Not Free) :

Mohamed Djoudir

114,400 просмотров • 10 месяцев назад

Sorry, guys from other stacks!!! 🥲 Everything is server-side rendered, high-performing, and written in a few lines of code. It's not a new component. It's just a table, some buttons, and some inputs placed with some CSS utility classes. ✨CSS Zero Datatable✨
0:54

Sorry, guys from other stacks!!! 🥲 Everything is server-side rendered, high-performing, and written in a few lines of code. It's not a new component. It's just a table, some buttons, and some inputs placed with some CSS utility classes. ✨CSS Zero Datatable✨

Lázaro Nixon

10,408 просмотров • 1 год назад

The code for σ-GPT is out! Feel free to experiment with it here: It extends the François Fleuret picoclvr (non-nlp tasks) and Andrej Karpathy nanoGPT (text) codebases, with an additional KV-Cache from IRIS by Vincent Micheli and Eloi Alonso. (links below)
1:19

The code for σ-GPT is out! Feel free to experiment with it here: It extends the François Fleuret picoclvr (non-nlp tasks) and Andrej Karpathy nanoGPT (text) codebases, with an additional KV-Cache from IRIS by Vincent Micheli and Eloi Alonso. (links below)

Arnaud Pannatier

12,611 просмотров • 2 лет назад

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support. Demo + Source Code (First comment) 👇
0:21

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support. Demo + Source Code (First comment) 👇

Mohamed Djoudir

198,740 просмотров • 8 месяцев назад

🚀 Update! Our latest Pinal bioRxiv now includes wet lab results. More proteins with diverse text prompt on the way. Design proteins with just text. Everyone can do protein design! Demo: paper: GitHub:
0:25

🚀 Update! Our latest Pinal bioRxiv now includes wet lab results. More proteins with diverse text prompt on the way. Design proteins with just text. Everyone can do protein design! Demo: paper: GitHub:

fajie yuan

17,049 просмотров • 1 год назад

Exploring Futuristic Interfaces | Part 1 A new series where I experiment with building unconventional UI concepts using AI tools Here's the first demo Design: Nano Banana 2 (with custom tweaks) Code: Gemini 3.1 Pro More details ↓
0:29

Exploring Futuristic Interfaces | Part 1 A new series where I experiment with building unconventional UI concepts using AI tools Here's the first demo Design: Nano Banana 2 (with custom tweaks) Code: Gemini 3.1 Pro More details ↓

Dilum Sanjaya

42,848 просмотров • 5 месяцев назад

Almonds in, milk out… and the leftover pulp still gets used. Blend it with banana and egg, bake it into cookies, then finish with a little chocolate. Nothing fancy, just a smart way to get more out of one batch. 🥛🍪
0:41

Almonds in, milk out… and the leftover pulp still gets used. Blend it with banana and egg, bake it into cookies, then finish with a little chocolate. Nothing fancy, just a smart way to get more out of one batch. 🥛🍪

𝗪𝗲𝗹𝗹𝗻𝗲𝘀𝘀 𝗖𝗵𝗲𝗺𝗶𝘀𝘁

34,281 просмотров • 23 дней назад