Find Interview Questions for Top Companies
Ques:- How to create transition effects using CSS3?
Right Answer:
To create transition effects using CSS3, you can use the `transition` property. For example:

```css
.element {
transition: property duration timing-function delay;
}

.element:hover {
/* Change properties here */
background-color: blue;
transform: scale(1.1);
}
```

Replace `property`, `duration`, `timing-function`, and `delay` with the desired values.
Ques:- What are the basic categories of selectors in CSS3?
Right Answer:
The basic categories of selectors in CSS3 are:

1. **Universal Selector** (`*`)
2. **Type Selector** (e.g., `div`, `p`)
3. **Class Selector** (`.classname`)
4. **ID Selector** (`#idname`)
5. **Attribute Selector** (`[attribute]`)
6. **Pseudo-class Selector** (`:hover`, `:first-child`)
7. **Pseudo-element Selector** (`::before`, `::after`)
Ques:- What is the notation of selectors in CSS3?
Right Answer:
In CSS3, selectors can be written using various notations, including:

1. Type selectors (e.g., `div`, `p`)
2. Class selectors (e.g., `.classname`)
3. ID selectors (e.g., `#idname`)
4. Attribute selectors (e.g., `[type="text"]`)
5. Pseudo-class selectors (e.g., `:hover`, `:nth-child(n)`)
6. Pseudo-element selectors (e.g., `::before`, `::after`)
7. Descendant selectors (e.g., `div p`)
8. Child selectors (e.g., `div > p`)
9. Adjacent sibling selectors (e.g., `h1 + p`)
10. General sibling selectors (e.g., `h1 ~ p`)
Ques:- What is the use of Indirect Adjacent combinator in CSS3?
Right Answer:
The Indirect Adjacent combinator in CSS3, represented by the `~` symbol, selects elements that are siblings of a specified element but are not necessarily immediately adjacent. It applies styles to all matching elements that follow the specified element within the same parent.
Ques:- What is the other name of combined selector in CSS3 and what is it used for?
Right Answer:
The other name of a combined selector in CSS3 is a "combinator." It is used to select elements based on their relationship to other elements, such as descendant, child, adjacent sibling, or general sibling relationships.
Ques:- What is Flexbox in CSS3?
Right Answer:
Flexbox, or the Flexible Box Layout, is a CSS3 layout model that allows for the design of complex layouts in a more efficient and predictable way. It enables items within a container to be aligned, spaced, and distributed dynamically, adapting to different screen sizes and orientations.
Ques:- Which property is use to create box shadow and text shadow in CSS3?
Asked In :- MAXVY,
Right Answer:
The property used to create box shadow is `box-shadow`, and for text shadow, it is `text-shadow`.
Ques:- What is the CSS3 animation?
Right Answer:
CSS3 animation is a technique that allows you to create smooth transitions and animations for HTML elements by defining keyframes and using properties like `@keyframes`, `animation-name`, `animation-duration`, and `animation-timing-function`.
Ques:- What is the use of Media Queries in CSS3?
Asked In :- City Union Bank,
Right Answer:
Media queries in CSS3 are used to apply different styles to a webpage based on the device's characteristics, such as screen size, resolution, and orientation. This allows for responsive design, ensuring that the layout and appearance adapt to various devices.
Ques:- What is the syntax for adding multiple background images in CSS3?
Right Answer:
The syntax for adding multiple background images in CSS3 is as follows:

```css
selector {
background-image: url('image1.jpg'), url('image2.jpg'), url('image3.jpg');
}
```
Ques:- Which property is use to give rounded corners in CSS3?
Asked In :- MAXVY, tryzens,
Right Answer:
border-radius
Ques:- How Do You Manage The Complete Site In Center Of The Browser, Which Is Completely Using Divs Using The Help Of Css2 Or Css3?
Right Answer:
To center a site using divs in CSS, you can use the following CSS rules:

```css
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* Full viewport height */
margin: 0; /* Remove default margin */
}

.container {
width: 80%; /* Set a width for the container */
max-width: 1200px; /* Optional max width */
}
```

Wrap your content in a div with the class `container`. This will center the site both vertically and horizontally in the browser.
Ques:- How Is Multi-column Feature Used In Css3?
Asked In :- MAXVY, tangentia,
Right Answer:
The multi-column feature in CSS3 is used to create a layout where content is divided into multiple columns, allowing text to flow across them. This is achieved using the `column-count` property to specify the number of columns and the `column-gap` property to set the space between the columns. For example:

```css
.container {
column-count: 3; /* Number of columns */
column-gap: 20px; /* Space between columns */
}
```
Ques:- What Is Wrapping In Css3?
Right Answer:
Wrapping in CSS3 refers to the behavior of text or content that automatically moves to the next line when it reaches the edge of its containing element, allowing for better readability and layout management. This can be controlled using properties like `word-wrap`, `overflow-wrap`, and `white-space`.
Ques:- What are the possible values of the ‘Position’ attribute?
Right Answer:

The possible values of the 'position' attribute in CSS are:

1. static
2. relative
3. absolute
4. fixed
5. sticky

Comments
DK BOSS Jul 30, 2021

The position properties in CSS dictates how the browser should arrange elements on the page, and it has five possible values that differ somewhat in their layout behavior. The five position values are relative, fixed, inherit, static, and absolute.

Ques:- Explain How flexibility is achieved more in CSS3?
Right Answer:
Flexibility in CSS3 is achieved through features like media queries, flexible box layout (Flexbox), grid layout, and responsive units (like percentages, vw, vh, and rem). These tools allow designers to create layouts that adapt to different screen sizes and orientations, enhancing responsiveness and usability across devices.
Ques:- What is the difference between CSS and CSS3?
Right Answer:
CSS (Cascading Style Sheets) is the original styling language used for web design, while CSS3 is the latest version that includes new features and modules, such as advanced selectors, animations, transitions, and improved layout techniques like Flexbox and Grid.


The “Other” category on takluu.com is thoughtfully crafted for job roles and interview topics that fall outside mainstream labels but are vital in today’s evolving job market. Whether you’re preparing for non-traditional roles, hybrid job titles, or interdisciplinary positions, this section ensures you’re not left behind.

Here, you’ll find interview questions, tips, and resources for roles like:

  • Remote Freelance Professionals

  • Virtual Assistants

  • Content Moderators

  • Online Tutors

  • Data Entry Specialists

  • Translators, and many more.

We focus on soft skills, adaptability, tech familiarity, and communication-based interview questions, which are frequently asked in these lesser-structured job roles. You’ll find common questions like:

  • “How do you prioritize tasks while working remotely?”

  • “Tell us how you manage time with multiple projects.”

  • “How do you ensure productivity in a freelance setting?”

This category is also great for part-time job aspirants, interns, gig workers, or those switching careers. We provide content that encourages self-reflection, confidence-building, and real-world preparation—so even if the role isn’t well-defined in a job portal, you’ll be fully ready for the interview.

At Takluu, we believe every career path matters, and this category proves it by providing the tools to succeed in any unique or upcoming professional opportunity.

AmbitionBox Logo

What makes Takluu valuable for interview preparation?

1 Lakh+
Companies
6 Lakh+
Interview Questions
50K+
Job Profiles
20K+
Users