목록Frontend/CSS (15)

ReasonJun

CSS / tailwindcss : rtl, ltr text-reverse problem

Doing : While configuring the chat page, I wanted the chat bubbles to be on either side using 'rtl', 'ltr'. {isSender ? 'You' : receiverName} {fromNow(time)} {messageImage && ( )} {messageText && ( {messageText} )} problem: The results were as follows. Why: The issue you are facing seems to be related to the style attribute where you set the direction based on the isSender prop. The problem is t..
Frontend/CSS 2023. 8. 6. 14:08
CSS : cubic-bezier, background-clip, scrollLeft, innerWidth

cubic-bezier cubic-bezier is a function that allows you to create custom timing functions for CSS animations. This can be useful for creating more natural, lifelike animations. https://cubic-bezier.com/#.17,.67,.83,.67 cubic-bezier.com cubic-bezier.com background-clip background-clip is a property that specifies how the background of an element should be clipped. This can be used to create inter..
Frontend/CSS 2023. 6. 14. 12:57
Webkit in css

WebKit is not a feature in CSS but rather a web browser engine. It is the rendering engine used by several web browsers, including Apple's Safari and various other applications. However, CSS plays a crucial role in defining the styles and visual presentation of web content rendered by WebKit. CSS (Cascading Style Sheets) is a style sheet language used to describe the look and formatting of a doc..
Frontend/CSS 2023. 6. 14. 11:46
CSS : min-content, object-fit, letter-spacing, inset, grid, grid-template-columns, box-shadow

min-content : min-content specifies the minimum size a container should be, based on its content. This can be useful for creating flexible layouts. https://developer.mozilla.org/en-US/docs/Web/CSS/min-content min-content - CSS: Cascading Style Sheets | MDN The min-content sizing keyword represents the intrinsic minimum width of the content. For text content this means that the content will take ..
Frontend/CSS 2023. 6. 13. 23:18
CSS : media

In CSS, media queries allow you to apply different styles based on specific characteristics of the device or viewport where the webpage is being displayed. Media queries provide a way to create responsive designs that adapt to different screen sizes, resolutions, and other device capabilities. Media queries are introduced using the @media rule and can be used to specify different CSS rules and p..
Frontend/CSS 2023. 6. 6. 13:14
CSS : Animation

In CSS, animations allow you to create dynamic and interactive effects by animating the values of CSS properties over a specified duration. With animations, you can bring elements to life by adding movement, transitions, and other visual transformations. To create an animation, you typically define a set of keyframes that specify the values of CSS properties at various points in time. Keyframes ..
Frontend/CSS 2023. 6. 6. 12:57
이전 Prev 1 2 3 Next 다음